chore: fixes settings page and moves donation to top (#3929)

2026-01-05 04:15:31 +01:00 · 2025-05-29 17:01:13 -07:00
parent bdcb1673e1
commit 1faa84abc5
16 changed files with 57 additions and 31 deletions
--- a/assets/pages/settings.vue
+++ b/assets/pages/settings.vue
@@ -5,12 +5,35 @@
        <h2>{{ $t("settings.about") }}</h2>
      </div>

-      <div>
+      <div class="flex flex-row gap-2">
        <span v-html="$t('settings.using-version', { version: config.version })"></span>
-        <div
+        <span
          v-if="hasRelease"
          v-html="$t('settings.update-available', { nextVersion: latestRelease?.name, href: latestRelease?.htmlUrl })"
-        ></div>
+        ></span>
+      </div>
+
+      <div class="mt-4">
+        {{ $t("settings.help-support") }}
+
+        <ul class="mt-6 flex gap-2">
+          <li>
+            <a href="https://github.com/amir20/dozzle" target="_blank" rel="noopener noreferrer" class="btn">
+              <mdi:github /> amir20/dozzle
+            </a>
+          </li>
+          <li>
+            <a
+              href="https://buymeacoffee.com/amirraminfar"
+              target="_blank"
+              rel="noopener noreferrer"
+              class="btn btn-secondary"
+            >
+              <mdi:beer />
+              Buy me a beer
+            </a>
+          </li>
+        </ul>
      </div>
    </section>

@@ -142,34 +165,6 @@

      <Toggle v-model="showAllContainers">{{ $t("settings.show-stopped-containers") }}</Toggle>
    </section>
-
-    <section class="flex flex-col gap-4">
-      <div class="has-underline">
-        <h2>Support</h2>
-      </div>
-
-      Please consider supporting Dozzle by donating or sponsoring us on GitHub. Your contributions help us maintain and
-      improve Dozzle for everyone. Thank you for your support! 🙏🏼
-
-      <ul class="mb-8 flex gap-2">
-        <li>
-          <a href="https://github.com/amir20/dozzle" target="_blank" rel="noopener noreferrer" class="btn">
-            <mdi:github /> amir20/dozzle
-          </a>
-        </li>
-        <li>
-          <a
-            href="https://buymeacoffee.com/amirraminfar"
-            target="_blank"
-            rel="noopener noreferrer"
-            class="btn btn-secondary"
-          >
-            <mdi:beer />
-            Buy me a beer
-          </a>
-        </li>
-      </ul>
-    </section>
  </PageWithLinks>
 </template>

--- a/locales/da.yml
+++ b/locales/da.yml
@@ -74,6 +74,8 @@ placeholder:
  search-containers: Søg containere (⌘ + k, ⌃k)
  search: Søg
 settings:
+  help-support: >
+    Støt venligst Dozzle ved at donere eller sponsorere os på GitHub. Dine bidrag hjælper os med at forbedre Dozzle for alle. Tak! 🙏🏼
  display: Visning
  locale: Overskriv sprog
  small-scrollbars: Brug mindre scrollbarer
--- a/locales/de.yml
+++ b/locales/de.yml
@@ -74,6 +74,8 @@ placeholder:
  search-containers: Suche Container (⌘ + k, ⌃k)
  search: Suche
 settings:
+  help-support: >
+    Bitte unterstützen Sie Dozzle durch Spenden oder Sponsoring auf GitHub. Ihre Beiträge helfen uns, Dozzle für alle zu verbessern. Vielen Dank! 🙏🏼
  display: Anzeige
  locale: Sprache überschreiben
  small-scrollbars: Verwende kleinere Scrollbars
--- a/locales/en.yml
+++ b/locales/en.yml
@@ -78,6 +78,9 @@ placeholder:
  search-containers: Search containers (⌘ + k, ⌃k)
  search: Search
 settings:
+  help-support: >
+    Please support Dozzle by donating or sponsoring us on GitHub. Your contributions help us improve Dozzle for
+    everyone. Thank you! 🙏🏼
  display: Display
  locale: Override language
  small-scrollbars: Use smaller scrollbars
--- a/locales/es.yml
+++ b/locales/es.yml
@@ -74,6 +74,8 @@ placeholder:
  search-containers: Buscar contenedores (⌘ + K, CTRL + K)
  search: Buscar
 settings:
+  help-support: >
+    Por favor, apoya a Dozzle donando o patrocinándonos en GitHub. Tus contribuciones nos ayudan a mejorar Dozzle para todos. ¡Gracias! 🙏🏼
  display: Vista
  locale: Sobrescribir idioma
  small-scrollbars: Utilizar barras de desplazamiento más pequeñas
--- a/locales/fr.yml
+++ b/locales/fr.yml
@@ -74,6 +74,8 @@ placeholder:
  search-containers: Recherche de conteneurs (⌘ + k, ⌃k)
  search: Recherche
 settings:
+  help-support: >
+    Veuillez soutenir Dozzle en faisant un don ou en nous parrainant sur GitHub. Vos contributions nous aident à améliorer Dozzle pour tout le monde. Merci ! 🙏🏼
  display: Afficher
  locale: Langue de remplacement
  small-scrollbars: Utiliser des barres de défilement plus petites
--- a/locales/id.yml
+++ b/locales/id.yml
@@ -82,6 +82,8 @@ placeholder:
  search: Cari

 settings:
+  help-support: >
+    Silakan dukung Dozzle dengan berdonasi atau mensponsori kami di GitHub. Kontribusi Anda membantu kami meningkatkan Dozzle untuk semua orang. Terima kasih! 🙏🏼
  display: Tampilan
  locale: Ganti bahasa
  small-scrollbars: Gunakan scrollbar kecil
--- a/locales/it.yml
+++ b/locales/it.yml
@@ -74,6 +74,8 @@ placeholder:
  search-containers: Ricerca container (⌘ + k, ⌃k)
  search: Cerca
 settings:
+  help-support: >
+    Per favore sostieni Dozzle donando o sponsorizzandoci su GitHub. I tuoi contributi ci aiutano a migliorare Dozzle per tutti. Grazie! 🙏🏼
  display: Visualizza
  locale: Sovrascrivi Lingua
  small-scrollbars: Usa una scrollbars più piccola
--- a/locales/nl.yml
+++ b/locales/nl.yml
@@ -75,6 +75,8 @@ placeholder:
  search-containers: Zoek containers (⌘ + k, ⌃k)
  search: Zoeken
 settings:
+  help-support: >
+    Steun Dozzle alsjeblieft door te doneren of ons te sponsoren op GitHub. Je bijdragen helpen ons Dozzle voor iedereen te verbeteren. Dank je wel! 🙏🏼
  display: Weergave
  locale: Taal aanpassen
  small-scrollbars: Kleinere scrollbalk gebruiken
--- a/locales/pl.yml
+++ b/locales/pl.yml
@@ -80,6 +80,8 @@ placeholder:
  search-containers: Przeszukaj kontery (⌘ + k, ⌃k)
  search: Szukaj
 settings:
+  help-support: >
+    Prosimy o wsparcie Dozzle poprzez darowizny lub sponsoring na GitHub. Twoje wkłady pomagają nam ulepszać Dozzle dla wszystkich. Dziękujemy! 🙏🏼
  display: Wyświetlanie
  locale: Nadpisz język
  small-scrollbars: Użyj mniejszych suwaków
--- a/locales/pr.yml
+++ b/locales/pr.yml
@@ -74,6 +74,8 @@ placeholder:
  search-containers: Pesquisar contentores (⌘ + K, CTRL + K)
  search: Pesquisa
 settings:
+  help-support: >
+    Por favor, apoie o Dozzle doando ou nos patrocinando no GitHub. Suas contribuições nos ajudam a melhorar o Dozzle para todos. Obrigado! 🙏🏼
  display: Visão
  locale: Localidade
  small-scrollbars: Usar barras de rolagem mais pequenas
--- a/locales/pt.yml
+++ b/locales/pt.yml
@@ -74,6 +74,8 @@ placeholder:
  search-containers: Pesquisar containers (⌘ + k, ⌃k)
  search: Pesquisar
 settings:
+  help-support: >
+    Por favor, apoie o Dozzle doando ou nos patrocinando no GitHub. Suas contribuições nos ajudam a melhorar o Dozzle para todos. Obrigado! 🙏🏼
  display: Exibição
  locale: Sobrescrever idioma
  small-scrollbars: Usar barras de rolagem menores
--- a/locales/ru.yml
+++ b/locales/ru.yml
@@ -74,6 +74,8 @@ placeholder:
  search-containers: Поиск контейнеров (⌘ + k, ⌃k)
  search: Поиск
 settings:
+  help-support: >
+    Пожалуйста, поддержите Dozzle, сделав пожертвование или спонсорство на GitHub. Ваши вклады помогают нам улучшать Dozzle для всех. Спасибо! 🙏🏼
  display: Вид
  locale: Язык
  small-scrollbars: Уменьшенная полоса прокрутки
--- a/locales/tr.yml
+++ b/locales/tr.yml
@@ -83,6 +83,8 @@ placeholder:
  search-containers: Konteynerlerde ara (⌘ + k, ⌃k)
  search: Ara
 settings:
+  help-support: >
+    Lütfen GitHub'da bağış yaparak veya bizi sponsor olarak destekleyerek Dozzle'ı destekleyin. Katkılarınız Dozzle'ı herkes için geliştirmemize yardımcı oluyor. Teşekkürler! 🙏🏼
  display: Görünüm
  locale: Dili geçersiz kıl
  small-scrollbars: Daha küçük kaydırma çubukları kullan
--- a/locales/zh-tw.yml
+++ b/locales/zh-tw.yml
@@ -76,6 +76,8 @@ placeholder:
  search-containers: 搜尋容器 (⌘ + k, ⌃k)
  search: 搜尋
 settings:
+  help-support: >
+    請透過在 GitHub 上捐款或贊助我們來支持 Dozzle。您的貢獻幫助我們為所有人改進 Dozzle。謝謝！ 🙏🏼
  display: 顯示
  locale: 變更語言
  small-scrollbars: 使用較小的捲軸
--- a/locales/zh.yml
+++ b/locales/zh.yml
@@ -74,6 +74,8 @@ placeholder:
  search-containers: 搜索容器 (⌘ + k, ⌃k)
  search: 搜索
 settings:
+  help-support: >
+    请通过在 GitHub 上捐赠或赞助我们来支持 Dozzle。您的贡献帮助我们为所有人改进 Dozzle。谢谢！ 🙏🏼
  display: 显示
  locale: 显示语言
  small-scrollbars: 使用较小的滚动条