feature(3): add component

adrienloup · Aug 23, 2024 · 0792347 · 0792347
1 parent 8214370
commit 0792347
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 7 deletions.
diff --git a/src/components/Product/Product.tsx b/src/components/Product/Product.tsx
@@ -17,6 +17,7 @@ export const ProductComponent = memo(({ cssClass, product }: ProductProps) => {
   return (
     <div
       className={[styles.product, cssClass ? ` ${cssClass}` : ''].join('')}
+      tabIndex={0}
       onClick={() => {
         goTo(`/one/product/${product.route}`);
       }}

diff --git a/src/components/Search/Search.module.scss b/src/components/Search/Search.module.scss
@@ -33,20 +33,17 @@ $mobile-portrait: 768px;
   }
 
   .active & {
-    padding: 0.75rem;
+    padding: 0.5rem;
     background-color: var(--color-5);
-    font-size: 1.25rem;
+    font-size: 1rem;
     color: var(--color-2);
     animation: Appear 0.35s var(--easy-in-out-quad);
 
-    @media (max-width: $mobile-portrait) {
-      padding: 0.5rem;
-      font-size: 1rem;
-    }
-
     &:hover,
     &:focus-visible {
       outline: none;
+      background-color: var(--color-4);
+      color: var(--color-1);
     }
   }
 }