From f557274f62cf49a8b0ee8abd5fd5643d0352e65f Mon Sep 17 00:00:00 2001 From: Bel Curcio Date: Fri, 4 Jun 2021 17:43:27 -0300 Subject: [PATCH] More updates --- components/common/I18nWidget/I18nWidget.module.css | 8 ++++++-- components/common/I18nWidget/I18nWidget.tsx | 2 +- pages/index.tsx | 10 ++-------- 3 files changed, 9 insertions(+), 11 deletions(-) diff --git a/components/common/I18nWidget/I18nWidget.module.css b/components/common/I18nWidget/I18nWidget.module.css index bd20f14c1..269aa5f61 100644 --- a/components/common/I18nWidget/I18nWidget.module.css +++ b/components/common/I18nWidget/I18nWidget.module.css @@ -3,11 +3,11 @@ } .button { - @apply h-10 px-2 rounded-md border border-accent-2 flex items-center justify-center; + @apply h-10 px-2 rounded-md border border-accent-2 flex items-center justify-center transition-colors ease-linear; } .button:hover { - @apply border-accent-4 shadow-sm; + @apply border-accent-3 shadow-sm; } .button:focus { @@ -38,5 +38,9 @@ } .icon { + transition: transform 0.2s ease; +} + +.icon.active { transform: rotate(180deg); } diff --git a/components/common/I18nWidget/I18nWidget.tsx b/components/common/I18nWidget/I18nWidget.tsx index fbe67a4c1..58135f12a 100644 --- a/components/common/I18nWidget/I18nWidget.tsx +++ b/components/common/I18nWidget/I18nWidget.tsx @@ -59,7 +59,7 @@ const I18nWidget: FC = () => { /> {options && ( - + )} diff --git a/pages/index.tsx b/pages/index.tsx index 004c5e72a..0393b599b 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -53,14 +53,8 @@ export default function Home({ ))} {products.slice(0, 3).map((product, i) => (