feat(mon-pix): modify language switcher's width

1024pix · Oct 31, 2024 · ab7d403 · ab7d403
1 parent 886ef33
commit ab7d403
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 4 deletions.
diff --git a/mon-pix/app/components/authentication-layout/index.scss b/mon-pix/app/components/authentication-layout/index.scss
@@ -60,8 +60,8 @@
         flex-direction: column;
         grid-column: 7 / span 5;
         width: 100%;
-        padding: 20px auto;
         max-width: 800px;
+        padding: 20px auto;
       }
   }
 }
@@ -93,10 +93,10 @@
 
       text-decoration: underline;
     }
-  }
 
-  .footer-navigation__item{
-    margin: 0 var(--pix-spacing-3x) 0 0;
+    .footer-navigation__item {
+      margin: 0 var(--pix-spacing-3x) 0 0;
+    }
   }
 }
 
diff --git a/mon-pix/app/components/language-switcher.hbs b/mon-pix/app/components/language-switcher.hbs
@@ -1,4 +1,5 @@
 <PixSelect
+  class="language-switcher"
   @id="language-switcher"
   @icon="earth-europe"
   @value={{this.selectedLanguage}}

diff --git a/mon-pix/app/styles/app.scss b/mon-pix/app/styles/app.scss
@@ -59,6 +59,7 @@ of an adaptative/mobile-first approach — refactoring is welcome here */
 @import 'components/footer';
 @import 'components/form-textfield';
 @import 'components/hexagon-score';
+@import 'components/language-switcher';
 @import 'components/learning-more-tutorial-panel';
 @import 'components/levelup-notif';
 @import 'components/login-form';

diff --git a/mon-pix/app/styles/components/language-switcher.scss b/mon-pix/app/styles/components/language-switcher.scss
@@ -0,0 +1,3 @@
+.language-switcher {
+  min-width: 170px;
+}