chore: add docker-compose configuration for app, worker, and redis services

front/components/Field/InputField.vue

@@ -7,6 +7,7 @@
     </Field>
 </template>
 <script setup lang="ts">
+import { Label } from '@/components/ui/label'
 import { Input } from '@/components/ui/input'
 const props = defineProps<{
     name: string

front/layouts/default.vue

@@ -1,20 +1,18 @@
 <script lang="ts" setup>
-import { Toaster } from "vue-sonner";
-await useSeo();
+import { Toaster } from 'vue-sonner'
+await useSeo()
 </script>
 <template>
-  <div class="h-screen w-screen">
-    <GlobalDrawer />
-    <Toaster position="top-center" richColors closeButton />
-    <img
-      class="w-full h-full object-cover absolute inset-0 -z-[1]"
-      src="https://img.fudaoyuan.icu/api/1/random/?scale_min=1.5&webp=true&md=false&format=302"
-    />
-    <div
-      class="h-full w-full flex flex-col items-center lg:p-10 p-5 overflow-y-auto"
-    >
-      <Navbar />
-      <slot />
+    <div class="h-screen w-screen">
+        <GlobalDrawer />
+        <Toaster position="top-center" richColors closeButton />
+        <img
+            class="w-full h-full object-cover absolute inset-0 -z-[1] bg-gradient-to-bl from-primary/40 to-primary"
+            src="https://img.fudaoyuan.icu/api/1/random/?scale_min=1.5&webp=true&md=false&format=302"
+        />
+        <div class="h-full w-full flex flex-col items-center lg:p-10 p-5 overflow-y-auto">
+            <Navbar />
+            <slot />
+        </div>
     </div>
-  </div>
 </template>