feat: set country selector top left in buy modal

nimiq · Jan 21, 2025 · 67a273a · 67a273a
1 parent b04784b
commit 67a273a
Showing 1 changed file with 10 additions and 4 deletions.
diff --git a/src/components/modals/BuyOptionsModal.vue b/src/components/modals/BuyOptionsModal.vue
@@ -12,10 +12,8 @@
                 <CountrySelector @select="c => country = c">
                     <div slot="trigger" class="pill flex-row">
                         <CountryFlag v-if="country" :code="country.code" />
-                        <CircleSpinner v-else/>
-                        <span v-if="country">{{ country.name }}</span>
-                        <span v-else>{{ $t('Loading...') }}</span>
-                        <img src="../../assets/mini-arrow-down.svg" alt="open"/>
+                        <CircleSpinner v-else />
+                        <img src="../../assets/mini-arrow-down.svg" alt="open" />
                     </div>
                 </CountrySelector>
             </header>
@@ -316,6 +314,9 @@ header {
     }
 
     .country-selector {
+        position: absolute;
+        top: 2rem;
+        left: 2rem;
         z-index: 100;
         display: inline-block;
         margin-bottom: 3rem;
@@ -329,6 +330,11 @@ header {
                 }
             }
         }
+
+        ::v-deep .dropdown {
+            left: 0;
+            transform: translateX(0);
+        }
     }
 
     .country-flag,