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 @@