feat: 优化分栏样式

.gitea/stack.yaml

@@ -2,7 +2,7 @@ version: '3'
 
 services:
   server:
-    image: git.dev.juetan.cn/juetan/server:latest
+    image: git.app.juetan.cn/appnify/server:latest
     networks:
       - public
     deploy:
@@ -12,14 +12,15 @@ services:
         constraints: [node.role == manager]
       labels:
         - traefik.enable=true
-        - traefik.http.routers.nest.rule=Host(`nest.dev.juetan.cn`) && PathPrefix(`/api`, `/upload`)
+        - traefik.http.routers.aserver.rule=Host(`appnify.app.juetan.cn`) && PathPrefix(`/api`, `/upload`)
-        - traefik.http.routers.nest.entrypoints=websecure
+        - traefik.http.routers.aserver.entrypoints=websecure
-        - traefik.http.routers.nest.tls=true
+        - traefik.http.routers.aserver.tls=true
-        - traefik.http.routers.nest.tls.certresolver=acmer
+        - traefik.http.routers.aserver.tls.certresolver=acmer
-        - traefik.http.services.nest1.loadbalancer.server.port=3030
+        - traefik.http.routers.aserver.middlewares=tohttps@docker
+        - traefik.http.services.aserver1.loadbalancer.server.port=3030
 
   web:
-    image: git.dev.juetan.cn/juetan/web:latest
+    image: git.app.juetan.cn/appnify/web:latest
     networks:
       - public
     deploy:
@@ -29,11 +30,12 @@ services:
         constraints: [node.role == manager]
       labels:
         - traefik.enable=true
-        - traefik.http.routers.vue.rule=Host(`nest.dev.juetan.cn`)
+        - traefik.http.routers.aweb.rule=Host(`appnify.app.juetan.cn`)
-        - traefik.http.routers.vue.entrypoints=websecure
+        - traefik.http.routers.aweb.entrypoints=websecure
-        - traefik.http.routers.vue.tls=true
+        - traefik.http.routers.aweb.tls=true
-        - traefik.http.routers.vue.tls.certresolver=acmer
+        - traefik.http.routers.aweb.tls.certresolver=acmer
-        - traefik.http.services.vue1.loadbalancer.server.port=80
+        - traefik.http.routers.aweb.middlewares=tohttps@docker
+        - traefik.http.services.aweb1.loadbalancer.server.port=80
 
 networks:
   public:

src/pages/content/media/index.vue

@@ -1,19 +1,21 @@
 <template>
   <BreadPage>
-    <div class="overflow-hidden h-full grid grid-cols-[auto_1fr] gap-4">
+    <template #content>
-      <ani-group :current="current" @change="onCategoryChange"></ani-group>
+      <div class="overflow-hidden grid grid-cols-[auto_1fr] gap-2 m-4">
-      <div>
+        <ani-group class="bg-white p-4 w-[242px]" :current="current" @change="onCategoryChange"></ani-group>
-        <file-table>
+        <div class="bg-white p-4">
-          <template #action>
+          <file-table>
-            <ani-upload @close="onUploadClose"></ani-upload>
+            <template #action>
-            <a-button type="primary" status="danger" :disabled="!selected.length" @click="onDeleteMany">
+              <ani-upload @close="onUploadClose"></ani-upload>
-              批量删除
+              <a-button type="primary" status="danger" :disabled="!selected.length" @click="onDeleteMany">
-            </a-button>
+                批量删除
-          </template>
+              </a-button>
-        </file-table>
+            </template>
-        <a-image-preview v-model:visible="visible" :src="image"></a-image-preview>
+          </file-table>
+          <a-image-preview v-model:visible="visible" :src="image"></a-image-preview>
+        </div>
       </div>
-    </div>
+    </template>
   </BreadPage>
 </template>
 

src/pages/system/dict/index.vue

@@ -3,11 +3,11 @@
     <div class="py-2 px-4 bg-white">
       <bread-crumb></bread-crumb>
     </div>
-    <div class="grid grid-cols-[auto_1fr] gap-4 overflow-hidden bg-white p-4 m-4 rounded">
+    <div class="grid grid-cols-[auto_1fr] gap-2 overflow-hidden m-4 rounded">
-      <div>
+      <div class="bg-white p-4">
         <ani-group :current="current" @change="onTypeChange"></ani-group>
       </div>
-      <div>
+      <div class="bg-white p-4">
         <a-alert :show-icon="false" class="mb-3 !border-brand-500">
           <span class="text-brand-500 font-bold">{{ current?.name }}</span>
           <div class="mt-1">描述：{{ current?.description }}</div>