From 438bb1f2ba14320906450bc60b9c207e8102aa8b Mon Sep 17 00:00:00 2001
From: sudomarcma <marcmaa1@outlook.com>
Date: Tue, 17 Jun 2025 17:29:00 +0800
Subject: [PATCH] =?UTF-8?q?style(AttendanceRecordView):=20=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4=E8=A1=A8=E6=A0=BC=E5=92=8C=E4=BA=8B=E4=BB=B6=E7=B1=BB?=
 =?UTF-8?q?=E5=9E=8B=E7=9A=84=E5=93=8D=E5=BA=94=E5=BC=8F=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

优化移动端显示效果：
- 缩小表格字体和内边距
- 调整事件类型标签的字体大小和内边距
- 确保事件类型文本不换行
---
 src/views/AttendanceRecordView.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/views/AttendanceRecordView.vue b/src/views/AttendanceRecordView.vue
index 55eb00d..0cc5410 100644
--- a/src/views/AttendanceRecordView.vue
+++ b/src/views/AttendanceRecordView.vue
@@ -268,6 +268,7 @@ onMounted(() => {
   color: var(--c-primary-text);
   font-size: 0.85rem;
   text-transform: capitalize;
+  white-space: nowrap; /* Keep on one line */
 }
 .event-type.clock_in {
   background-color: var(--c-success);
@@ -317,12 +318,17 @@ onMounted(() => {
 
   /* Adjust table font size for smaller screens if needed */
   table {
-    font-size: 0.9rem;
+    font-size: 0.8rem; /* Slightly smaller font for table on small screens */
   }
 
   th,
   td {
-    padding: 8px 10px; /* Reduce padding for table cells */
+    padding: 6px 8px; /* Reduce padding for table cells further */
+  }
+
+  .event-type {
+    font-size: 0.75rem; /* Slightly smaller font for event type tag */
+    padding: 3px 6px; /* Adjust padding for smaller font */
   }
 }
 </style>