diff --git a/web/src/App.vue b/web/src/App.vue
index 58309fa..7a36c8b 100644
--- a/web/src/App.vue
+++ b/web/src/App.vue
@@ -1,5 +1,5 @@
@@ -104,30 +104,87 @@ html, body, #app {
}
/* Gap 间距 */
-.gap-sm { gap: 8px; }
-.gap-md { gap: 12px; }
-.gap-lg { gap: 16px; }
+.gap-sm {
+ gap: 8px;
+}
+
+.gap-md {
+ gap: 12px;
+}
+
+.gap-lg {
+ gap: 16px;
+}
/* 间距工具类 */
-.mt-sm { margin-top: 8px; }
-.mt-md { margin-top: 16px; }
-.mt-lg { margin-top: 24px; }
-.mb-sm { margin-bottom: 8px; }
-.mb-md { margin-bottom: 16px; }
-.mb-lg { margin-bottom: 24px; }
-.ml-sm { margin-left: 8px; }
-.ml-md { margin-left: 12px; }
-.ml-lg { margin-left: 16px; }
-.mr-sm { margin-right: 8px; }
-.mr-md { margin-right: 12px; }
-.mr-lg { margin-right: 16px; }
+.mt-sm {
+ margin-top: 8px;
+}
+
+.mt-md {
+ margin-top: 16px;
+}
+
+.mt-lg {
+ margin-top: 24px;
+}
+
+.mb-sm {
+ margin-bottom: 8px;
+}
+
+.mb-md {
+ margin-bottom: 16px;
+}
+
+.mb-lg {
+ margin-bottom: 24px;
+}
+
+.ml-sm {
+ margin-left: 8px;
+}
+
+.ml-md {
+ margin-left: 12px;
+}
+
+.ml-lg {
+ margin-left: 16px;
+}
+
+.mr-sm {
+ margin-right: 8px;
+}
+
+.mr-md {
+ margin-right: 12px;
+}
+
+.mr-lg {
+ margin-right: 16px;
+}
/* 文本工具类 */
-.text-primary { color: var(--text-primary); }
-.text-success { color: var(--success-color); }
-.text-warning { color: var(--warning-color); }
-.text-danger { color: var(--danger-color); }
-.text-info { color: var(--info-color); }
+.text-primary {
+ color: var(--text-primary);
+}
+
+.text-success {
+ color: var(--success-color);
+}
+
+.text-warning {
+ color: var(--warning-color);
+}
+
+.text-danger {
+ color: var(--danger-color);
+}
+
+.text-info {
+ color: var(--info-color);
+}
/* 加载动画 */
.loading-container {
@@ -153,7 +210,7 @@ html, body, #app {
padding: 16px;
border-radius: 0;
}
-
+
.hide-on-mobile {
display: none;
}
diff --git a/web/src/components/AddDataDialog.vue b/web/src/components/AddDataDialog.vue
index b85300f..e09b372 100644
--- a/web/src/components/AddDataDialog.vue
+++ b/web/src/components/AddDataDialog.vue
@@ -1,5 +1,5 @@