From 1733d2ae5b3dfb53f9ed8e516fd40699c1685044 Mon Sep 17 00:00:00 2001
From: R2m1liA <15258427350@163.com>
Date: Fri, 18 Jul 2025 10:34:46 +0800
Subject: [PATCH] =?UTF-8?q?Fix:=20=E4=BF=AE=E6=AD=A3=E8=AE=A1=E7=AE=97?=
 =?UTF-8?q?=E5=99=A8=E5=9C=A8=E5=B0=8F=E5=B1=8F=E5=B9=95=E4=B8=AD=E5=AD=97?=
 =?UTF-8?q?=E4=BD=93=E6=97=A0=E6=B3=95=E5=AE=8C=E5=85=A8=E6=98=BE=E7=A4=BA?=
 =?UTF-8?q?=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/CalculatorLayout.vue | 91 ++++++++++++++++++++++++++++++++
 1 file changed, 91 insertions(+)

diff --git a/src/layouts/CalculatorLayout.vue b/src/layouts/CalculatorLayout.vue
index 4dfa47b..710f77b 100644
--- a/src/layouts/CalculatorLayout.vue
+++ b/src/layouts/CalculatorLayout.vue
@@ -270,3 +270,94 @@
     document.title = pageTitle.value
   })
 </script>
+
+<style scoped>
+/* AppBar响应式样式 */
+@media (max-width: 599px) {
+  .v-app-bar-title {
+    font-size: 0.875rem !important;
+    line-height: 1.2 !important;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: calc(100vw - 120px); /* 为导航按钮和语言按钮留出空间 */
+  }
+}
+
+@media (min-width: 600px) and (max-width: 959px) {
+  .v-app-bar-title {
+    font-size: 1rem !important;
+    line-height: 1.3 !important;
+  }
+}
+
+/* 导航抽屉响应式样式 */
+@media (max-width: 599px) {
+  .v-list-item-title {
+    font-size: 0.75rem !important;
+    line-height: 1.2 !important;
+  }
+
+  .v-list-item-subtitle {
+    font-size: 0.625rem !important;
+    line-height: 1.2 !important;
+  }
+
+  .v-list-item {
+    min-height: 36px !important;
+  }
+
+  /* 确保文本不会溢出 */
+  .v-list-item-title,
+  .v-list-item-subtitle {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}
+
+@media (min-width: 600px) and (max-width: 959px) {
+  .v-list-item-title {
+    font-size: 0.875rem !important;
+  }
+
+  .v-list-item-subtitle {
+    font-size: 0.75rem !important;
+  }
+
+  .v-app-bar-title {
+    font-size: 1rem !important;
+  }
+}
+
+/* 关于对话框响应式样式 */
+@media (max-width: 599px) {
+  .v-dialog .v-card-title {
+    font-size: 1rem !important;
+  }
+
+  .v-dialog .v-card-text {
+    font-size: 0.875rem !important;
+  }
+
+  .v-dialog .text-caption {
+    font-size: 0.75rem !important;
+  }
+}
+
+/* 抽屉内容的紧凑布局 */
+.drawer-transition {
+  transition: width 0.3s ease;
+}
+
+/* 移动设备上的特殊处理 */
+@media (max-width: 599px) {
+  .v-list-item.pa-4 {
+    padding: 12px 16px !important;
+  }
+
+  .v-list-item.ma-1 {
+    margin: 2px 4px !important;
+  }
+}
+</style>