From c30c61b46d26f565b782b5e335119e2c1f0750e0 Mon Sep 17 00:00:00 2001
From: eggy <eggyrules@gmail.com>
Date: Fri, 22 Jul 2022 17:10:03 -0400
Subject: [PATCH] fix: style dark footer

---
 layouts/default.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/layouts/default.vue b/layouts/default.vue
index 8f138be..c9e00c4 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -6,7 +6,9 @@ import Navbar from "../components/Navbar.vue";
   <div class="flex flex-col items-center w-full h-full">
     <Navbar />
     <slot />
-    <footer class="flex flex-col items-center p-3 bg-gray-100 w-full text-sm">
+    <footer
+      class="flex flex-col items-center p-3 bg-gray-100 w-full text-sm dark:bg-gray-800"
+    >
       <p>Ⓒ 2022 Daniel Chen</p>
       <p>
         Available under the AGPL-3.0 on
@@ -58,4 +60,8 @@ main {
   margin: auto;
   padding-top: 2rem;
 }
+
+footer {
+  transition: background 0.2s ease;
+}
 </style>