Theme switcher and BULMA

2026-09-11 13:30:02 +02:00
parent fb152bd023
commit fcd4d4743b
13 changed files with 123 additions and 54 deletions
@@ -1,13 +1,17 @@
 <template>
-  <div class="dropdown">
-    <button class="btn btn-outline-secondary dropdown-toggle" type="button" data-bs-toggle="dropdown">
-      {{ locale.toUpperCase() }}
-    </button>
-    <ul class="dropdown-menu">
-      <li v-for="loc in SUPPORT_LOCALES" :key="loc">
-        <a class="dropdown-item" href="#" @click.prevent="setLocale(loc)">{{ loc.toUpperCase() }}</a>
-      </li>
-    </ul>
+  <div class="dropdown is-hoverable">
+    <div class="dropdown-trigger">
+      <button class="button">
+        <span>{{ locale.toUpperCase() }}</span>
+      </button>
+    </div>
+    <div class="dropdown-menu">
+      <div class="dropdown-content">
+        <button v-for="loc in SUPPORT_LOCALES" :key="loc" @click.prevent="setLocale(loc)" class="dropdown-item">
+          {{ loc.toUpperCase() }}
+        </button>
+      </div>
+    </div>
  </div>
 </template>