adjust locale button style on hover (#1972)

Co-authored-by: Katina Anachkova <[email protected]>
podkrepi-bg · Nov 8, 2024 · 8cebae2 · 8cebae2
1 parent fde9809
commit 8cebae2
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/components/client/layout/LocaleButton.tsx b/src/components/client/layout/LocaleButton.tsx
@@ -30,7 +30,15 @@ export default function LocaleButton() {
       variant="text"
       color="inherit"
       size="small"
-      onClick={changeLang(router.locale === 'bg' ? 'en' : 'bg')}>
+      onClick={changeLang(router.locale === 'bg' ? 'en' : 'bg')}
+      sx={(theme) => ({
+        [theme.breakpoints.down('md')]: {
+          '&:hover': {
+            color: 'rgb(40, 135, 203)',
+            backgroundColor: 'transparent',
+          },
+        },
+      })}>
       {t(router.locale === 'bg' ? 'EN' : 'BG')}
     </Button>
   )