From afe294dec863d9465f8177e90894c7234cace83f Mon Sep 17 00:00:00 2001
From: Twilight <im@ivampiresp.com>
Date: Fri, 27 Sep 2024 14:18:42 +0800
Subject: [PATCH] =?UTF-8?q?=E6=94=B9=E8=BF=9B=20Layout?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/chat/Chat.vue  |  2 +-
 src/layouts/DefaultLayout.vue | 23 +++++++++++++++++------
 src/pages/mask/index.vue      |  8 ++++++++
 src/typed-router.d.ts         |  1 +
 4 files changed, 27 insertions(+), 7 deletions(-)
 create mode 100644 src/pages/mask/index.vue

diff --git a/src/components/chat/Chat.vue b/src/components/chat/Chat.vue
index dc43e1d..daf938f 100644
--- a/src/components/chat/Chat.vue
+++ b/src/components/chat/Chat.vue
@@ -3,7 +3,7 @@
     <div class="min-w-full md:w-4/5">
       <n-scrollbar
         style="max-height: calc(100vh - (var(--header-height) * 3.5))"
-        class="pr-4 pl-4 md:pl-20 md:pr-20"
+        class="md:pl-20 md:pr-20"
       >
         <div
           class="flex-grow mt-3 mb-1 text-5xl select-none"
diff --git a/src/layouts/DefaultLayout.vue b/src/layouts/DefaultLayout.vue
index 4f4555f..6142a62 100644
--- a/src/layouts/DefaultLayout.vue
+++ b/src/layouts/DefaultLayout.vue
@@ -1,15 +1,15 @@
 <script setup lang="ts">
 import { NLayout } from "naive-ui";
-import { useUserStore } from "../stores/user";
-import Guest from "../pages/guest/index.vue";
-import router from "../router";
+// import { useUserStore } from "../stores/user";
+// import Guest from "../pages/guest/index.vue";
+// import router from "../router";
 import Header from "./Header.vue";
 import element from "@/config/element";
-import { useIsMobile } from "@/utils/composables";
+import { useIsMobile, useIsTablet } from "@/utils/composables";
 import { useAppStore } from "@/stores/app";
-const currentRoute = computed(() => router.currentRoute.value.name);
+// const currentRoute = computed(() => router.currentRoute.value.name);
 
-const userStore = useUserStore();
+// const userStore = useUserStore();
 const appStore = useAppStore();
 const route = useRoute();
 
@@ -66,6 +66,17 @@ const onScroll = (e: Event) => {
     style="margin-top: var(--header-height)"
     ref="mainContainer"
     :on-scroll="onScroll"
+    :content-style="
+      !isMobile
+        ? {
+            'padding-left': '32px',
+            'padding-right': '32px',
+          }
+        : {
+            'padding-left': '16px',
+            'padding-right': '16px',
+          }
+    "
   >
     <!-- <n-back-top v-if="!isMobile" :right="100" /> -->
 
diff --git a/src/pages/mask/index.vue b/src/pages/mask/index.vue
new file mode 100644
index 0000000..00b1b7b
--- /dev/null
+++ b/src/pages/mask/index.vue
@@ -0,0 +1,8 @@
+<template>
+    <div>
+        mask
+    </div>
+</template>
+
+<script lang="ts" setup>
+</script>
\ No newline at end of file
diff --git a/src/typed-router.d.ts b/src/typed-router.d.ts
index c8cb22e..2fce155 100644
--- a/src/typed-router.d.ts
+++ b/src/typed-router.d.ts
@@ -31,5 +31,6 @@ declare module 'vue-router/auto-routes' {
     '/errors/Base': RouteRecordInfo<'/errors/Base', '/errors/Base', Record<never, never>, Record<never, never>>,
     '/Guest': RouteRecordInfo<'/Guest', '/Guest', Record<never, never>, Record<never, never>>,
     '/home/': RouteRecordInfo<'/home/', '/home', Record<never, never>, Record<never, never>>,
+    '/mask/': RouteRecordInfo<'/mask/', '/mask', Record<never, never>, Record<never, never>>,
   }
 }