support dark theme closes #25

2024-12-08 11:06:31 +02:00
parent 0d40aaf2da
commit ab86a3b8e1
34 changed files with 689 additions and 261 deletions
@@ -2,6 +2,7 @@
  <div
    class="grid h-full sm:grid-rows-[auto_1fr_auto] grid-rows-[1fr_auto_auto] overflow-hidden touch-none"
  >
+    <!-- Content Section -->
    <div
      class="flex overflow-hidden overflow-y-auto pb-safe-or-4 sm:pt-safe px-4 overscroll-contain touch-manipulation"
      ref="contentScrollContainer"
@@ -11,20 +12,27 @@
      </div>
    </div>

+    <!-- Footer Section -->
    <slot name="footer">
      <footer
        v-if="!slots.footer"
-        class="bg-gray-100 text-center py-1.5 border-t text-xs sm:text-base text-gray-700 sm:order-last sm:pb-safe-or-1.5"
+        class="bg-gray-100 dark:bg-gray-800 text-center py-1.5 border-t dark:border-gray-700 text-xs sm:text-base text-gray-700 dark:text-gray-300 sm:order-last sm:pb-safe-or-1.5"
      >
        <span class="text-nowrap">Сделайте НаСвязи удобнее.</span>
        <span> </span>
        <span class="text-nowrap">
          Будем рады
-          <a href="/donate" class="underline underline-offset-2">вашей поддержке</a>
+          <a
+            href="/donate"
+            class="underline underline-offset-2 text-primary-600 dark:text-primary-400"
+          >
+            вашей поддержке
+          </a>
        </span>
      </footer>
    </slot>

+    <!-- TabBar -->
    <TabBar />
  </div>
 </template>