2 lines
9.1 KiB
CSS
2 lines
9.1 KiB
CSS
|
.system-settings[data-v-0c109465]{display:flex;height:100vh;background-color:#f5f7fa;font-family:Arial,sans-serif}.sidebar[data-v-0c109465]{width:240px;background:white;border-right:1px solid #e9ecef;display:flex;flex-direction:column;padding:24px 0;box-shadow:2px 0 8px #0000000d}.logo[data-v-0c109465]{display:flex;align-items:center;justify-content:center;padding:0 24px;margin-bottom:32px}.logo img[data-v-0c109465]{width:100%;height:auto;max-width:180px;object-fit:contain}.nav-menu[data-v-0c109465]{flex:1;padding:0 16px}.nav-item[data-v-0c109465]{display:flex;align-items:center;padding:12px 16px;margin-bottom:4px;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#6b7280;font-size:14px;font-weight:500}.nav-item[data-v-0c109465]:hover{background:#f3f4f6;color:#374151}.nav-item.active[data-v-0c109465]{background:#dbeafe;color:#3b82f6}.nav-item .el-icon[data-v-0c109465]{margin-right:12px;font-size:18px}.nav-item span[data-v-0c109465]{font-size:14px;font-weight:500}.sidebar-footer[data-v-0c109465]{padding:20px;border-top:1px solid #e9ecef;background:#f8f9fa;margin-top:auto}.online-users[data-v-0c109465],.system-uptime[data-v-0c109465]{font-size:14px;color:#64748b;margin-bottom:5px;line-height:1.5}.highlight[data-v-0c109465]{color:#333;font-weight:700}.main-content[data-v-0c109465]{flex-grow:1;display:flex;flex-direction:column;overflow-y:auto}.top-header[data-v-0c109465]{display:flex;justify-content:space-between;align-items:center;padding:15px 30px;background-color:#fff;box-shadow:0 2px 4px #0000000d;z-index:100}.search-bar[data-v-0c109465]{display:flex;align-items:center;background-color:#f0f2f5;border-radius:20px;padding:8px 15px;width:300px}.search-icon[data-v-0c109465]{color:#909399;margin-right:8px}.search-input[data-v-0c109465]{border:none;background:transparent;outline:none;flex-grow:1;font-size:14px;color:#333}.header-actions[data-v-0c109465]{display:flex;align-items:center;gap:20px}.user-avatar[data-v-0c109465]{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .2s ease}.user-avatar[data-v-0c109465]:hover{background:#f3f4f6}.user-avatar img[data-v-0c109465]{width:32px;height:32px;border-radius:50%;object-fit:cover}.user-avatar .arrow-down[data-v-0c109465]{font-size:12px;color:#6b7280}.content-section[data-v-0c109465]{flex-grow:1;padding:30px;background-color:#f5f7fa}.settings-tabs[data-v-0c109465]{flex-grow:1;display:flex;flex-direction:column}.tab-nav[data-v-0c109465]{display:flex;background:white;border-bottom:1px solid #e2e8f0;padding:0 30px}.tab-item[data-v-0c109465]{display:flex;align-items:center;padding:20px 24px;margin-right:8px;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;color:#64748b;font-size:16px;font-weight:500}.tab-item[data-v-0c109465]:hover{color:#334155;background:#f8fafc}.tab-item.active[data-v-0c109465]{color:#3b82f6;border-bottom-color:#3b82f6;background:#eff6ff}.tab-item .el-icon[data-v-0c109465]{margin-right:8px;font-size:18px}.tab-content[data-v-0c109465]{flex-grow:1;padding:30px;background-color:#f5f7fa}.cleanup-stats[data-v-0c109465],.cleanup-actions[data-v-0c109465],.cleanup-config[data-v-0c109465]{margin-bottom:24px}.stats-card[data-v-0c109465],.actions-card[data-v-0c109465],.config-card[data-v-0c109465]{border-radius:12px;box-shadow:0 4px 12px #0000000d}.card-header[data-v-0c109465]{display:flex;justify-content:space-between;align-items:center;padding:0}.card-header h3[data-v-0c109465]{margin:0;font-size:18px;font-weight:600;color:#1e293b}.stats-content[data-v-0c109465]{padding:20px 0}.stats-grid[data-v-0c109465]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-item[data-v-0c109465]{text-align:center;padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.stat-label[data-v-0c109465]{font-size:14px;color:#64748b;margin-bottom:8px}.stat-value[data-v-0c109465]{font-size:24px;font-weight:700;color:#1e293b}.actions-content[data-v-0c109465]{padding:20px 0}.action-buttons[data-v-0c109465]{display:flex;gap:16px;margin-bottom:20px}.action
|