Merge pull request #46 from swiss/feature/shop

feat(shop): fix search icon allignment
swiss · May 2, 2024 · 6d91076 · 6d91076
2 parents 065e80c + 79e27f2
commit 6d91076
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/app/components/stories/components/Notification.stories.mdx b/app/components/stories/components/Notification.stories.mdx
@@ -8,7 +8,7 @@ import Notification from '../../ch/components/Notification.vue'
     type: {
       control: {
         type: 'select',
-        options: ['info', 'warning', 'error', 'success', 'alert'],
+        options: ['info', 'warning', 'error', 'success', 'alert', 'hint'],
       },
     },
     icon: {
@@ -69,6 +69,9 @@ For this specific use case, the [Alert Banner component](?path=/docs/components-
 <Canvas>
   <main>
     <div>
+      <div class="notification notification--hint">
+        Hint: A new software update is available.
+      </div>
       <div class="notification notification--info">
         Info: A new software update is available.
       </div>

diff --git a/css/components/search.postcss b/css/components/search.postcss
@@ -51,9 +51,13 @@
 }
 
 .search__button__icon {
-  @apply !h-9;
+  @apply !h-9 !w-9;
   @screen lg {
-    @apply !h-7;
+    @apply !h-7 !w-7;
+  }
+
+  svg {
+    stroke-width: 0.5px;
   }
 }