style: css

14790897 · Feb 21, 2024 · fcd174a · fcd174a
1 parent ff09eee
commit fcd174a
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 164 deletions.
diff --git a/app/[lng]/globals.css b/app/[lng]/globals.css
diff --git a/app/globals.css b/app/globals.css
@@ -128,12 +128,18 @@
 
   #Qtoolbar {
     flex-direction: column; /* 在较小屏幕上垂直堆叠工具栏元素 */
-    align-items: stretch; /* 拉伸按钮以填充容器 */
+    display: flex; /* 使用弹性盒布局 */
+    flex-direction: row; /* 项目水平排列 */
+    flex-wrap: wrap; /* 允许项目换行 */
+    align-items: center; /* 项目在交叉轴上居中对齐 */
+    justify-content: flex-start; /* 项目在主轴上靠左对齐 */
   }
 
   #Qtoolbar > button,
   #Qtoolbar > select {
     margin-bottom: 10px; /* 增加元素之间的间距 */
+    margin-right: 10px; /* 右边距，增加元素之间的间距 */
+    margin-bottom: 10px; /* 下边距，增加换行元素之间的间距 */
   }
 }
 

diff --git a/app/layout.tsx b/app/layout.tsx
@@ -6,7 +6,14 @@ import Script from "next/script";
 const defaultUrl = process.env.VERCEL_URL
   ? `https://${process.env.VERCEL_URL}`
   : "http://localhost:3000";
+import type { Viewport } from "next";
 
+export const viewport: Viewport = {
+  width: "device-width",
+  initialScale: 1,
+  maximumScale: 1,
+  userScalable: false,
+};
 export const metadata = {
   manifest: "/manifest.json",
   metadataBase: new URL(defaultUrl),

diff --git a/middleware.ts b/middleware.ts
@@ -69,6 +69,6 @@ export const config = {
      * - favicon.ico (favicon file)
      * Feel free to modify this pattern to include more paths.
      */
-    "/((?!_next/static|_next/image|favicon.ico|twitter-image.png|opengraph-image.png|manifest.json|site.webmanifest|favicon-32x32.png|favicon-16x16.png|apple-touch-icon.png|android-chrome-512x512.png|android-chrome-192x192.png|service-worker.js|serviceregister.js).*)",
+    "/((?!_next/static|_next/image|favicon.ico|twitter-image.png|opengraph-image.png|manifest.json|site.webmanifest|favicon-32x32.png|favicon-16x16.png|apple-touch-icon.png|android-chrome-512x512.png|android-chrome-192x192.png|service-worker.js|serviceregister.js|global.css).*)",
   ],
 };