重构

2026-06-13 17:38:25 +08:00
parent e7e938f261
commit 7b33d9f9fa
190 changed files with 23222 additions and 4336 deletions
--- a/apps/admin/src/views/MediaLibrary.vue
+++ b/apps/admin/src/views/MediaLibrary.vue
@@ -649,4 +649,223 @@ async function doUpload() {
  padding: 16px 20px;
  border-top: 1px solid #1e1e1e;
 }
+
+.media-page {
+  color: var(--text);
+}
+
+.toolbar {
+  padding: 14px;
+  border: 1px solid var(--border);
+  border-radius: 10px;
+  background: #ffffff;
+  box-shadow: var(--shadow);
+}
+
+.unused-badge {
+  border-color: var(--warning-border);
+  background: var(--warning-bg);
+  color: var(--warning-text);
+}
+
+.tab-btn,
+.btn {
+  border-radius: 7px;
+  font-weight: 700;
+}
+
+.tab-btn {
+  border-color: var(--border);
+  background: #ffffff;
+  color: var(--text-muted);
+}
+
+.tab-btn:hover {
+  border-color: #d5cfc3;
+  background: var(--accent-hover);
+  color: var(--text);
+}
+
+.tab-btn.active {
+  border-color: var(--primary);
+  background: var(--primary);
+  color: #ffffff;
+}
+
+.btn-ghost {
+  border-color: var(--border);
+  background: #ffffff;
+  color: var(--text);
+}
+
+.btn-ghost:hover:not(:disabled) {
+  border-color: #d5cfc3;
+  background: var(--accent-hover);
+  color: var(--text);
+}
+
+.btn-primary {
+  border-color: var(--primary);
+  background: var(--primary);
+  color: #ffffff;
+}
+
+.btn-primary:hover:not(:disabled) {
+  border-color: var(--primary-light);
+  background: var(--primary-light);
+}
+
+.file-grid {
+  padding: 2px 2px 8px;
+}
+
+.file-card {
+  border-color: var(--border);
+  border-radius: 8px;
+  background: #ffffff;
+  box-shadow: var(--shadow);
+}
+
+.file-card:hover {
+  border-color: #d5cfc3;
+  box-shadow: 0 10px 26px rgba(56, 49, 37, 0.08);
+}
+
+.card-thumb,
+.media-picker-thumb {
+  background: #f4f0e8;
+}
+
+.svg-badge,
+.media-picker-svg {
+  color: var(--text-muted);
+}
+
+.badge-used {
+  border-color: var(--warning-border);
+  background: var(--warning-bg);
+  color: var(--warning-text);
+}
+
+.badge-unused {
+  border-color: var(--border);
+  background: #f0ede6;
+  color: var(--text-muted);
+}
+
+.card-filename {
+  color: var(--text);
+  font-weight: 700;
+}
+
+.card-meta,
+.card-date,
+.page-info,
+.state-center,
+.muted,
+.drop-hint,
+.sel-size,
+.upload-hint-text,
+.form-row label {
+  color: var(--text-muted);
+}
+
+.cat-tag {
+  border-color: var(--border-soft);
+  background: #f0ede6;
+  color: var(--text-muted);
+}
+
+.card-actions {
+  border-top-color: var(--border-soft);
+}
+
+.act-btn {
+  border-right-color: var(--border-soft);
+  color: var(--text-muted);
+  font-weight: 700;
+}
+
+.act-btn:hover {
+  background: var(--accent-hover);
+  color: var(--text);
+}
+
+.act-delete:hover {
+  color: var(--danger-text);
+}
+
+.file-grid::-webkit-scrollbar-thumb {
+  background: #d5cfc3;
+}
+
+.file-grid::-webkit-scrollbar-thumb:hover {
+  background: #bdb6a9;
+}
+
+.dialog-overlay {
+  background: rgba(31, 35, 32, 0.28);
+  backdrop-filter: blur(3px);
+}
+
+.dialog {
+  border-color: var(--border);
+  background: #ffffff;
+  box-shadow: 0 24px 64px rgba(56, 49, 37, 0.14);
+}
+
+.dialog-header {
+  border-bottom-color: var(--border-soft);
+  color: var(--text);
+  font-weight: 800;
+}
+
+.dialog-close {
+  color: var(--text-muted);
+}
+
+.dialog-close:hover {
+  color: var(--danger-text);
+}
+
+.drop-zone {
+  border-color: #d5cfc3;
+  background: #fbfaf7;
+}
+
+.drop-zone:hover,
+.drop-zone.drop-active {
+  border-color: var(--primary);
+  background: var(--accent-hover);
+}
+
+.sel-name {
+  color: var(--text);
+}
+
+.dialog-footer {
+  border-top-color: var(--border-soft);
+}
+
+@media (max-width: 700px) {
+  .toolbar,
+  .toolbar-right,
+  .filter-tabs {
+    align-items: stretch;
+    width: 100%;
+  }
+
+  .tab-btn,
+  .toolbar-right .btn {
+    flex: 1 1 auto;
+  }
+
+  .file-grid {
+    grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
+  }
+
+  .dialog {
+    max-height: calc(100dvh - 32px);
+  }
+}
 </style>