2 lines
9.5 KiB
CSS
2 lines
9.5 KiB
CSS
|
.system-settings[data-v-b0c2ad8a]{display:flex;height:100vh;background-color:#f5f7fa;font-family:Arial,sans-serif}.sidebar[data-v-b0c2ad8a]{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-b0c2ad8a]{display:flex;align-items:center;padding:0 20px;margin-bottom:32px}.logo-icon[data-v-b0c2ad8a]{width:24px;height:24px;background:#3b82f6;border-radius:4px;margin-right:12px}.logo span[data-v-b0c2ad8a]{font-size:18px;font-weight:600;color:#1e293b}.nav-menu[data-v-b0c2ad8a]{flex:1;padding:0 16px}.nav-item[data-v-b0c2ad8a]{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-b0c2ad8a]:hover{background:#f3f4f6;color:#374151}.nav-item.active[data-v-b0c2ad8a]{background:#dbeafe;color:#3b82f6}.nav-item .el-icon[data-v-b0c2ad8a]{margin-right:12px;font-size:18px}.nav-item span[data-v-b0c2ad8a]{font-size:14px;font-weight:500}.sidebar-footer[data-v-b0c2ad8a]{padding:20px;border-top:1px solid #e9ecef;background:#f8f9fa;margin-top:auto}.online-users[data-v-b0c2ad8a],.system-uptime[data-v-b0c2ad8a]{font-size:14px;color:#64748b;margin-bottom:5px;line-height:1.5}.highlight[data-v-b0c2ad8a]{color:#333;font-weight:700}.main-content[data-v-b0c2ad8a]{flex-grow:1;display:flex;flex-direction:column;overflow-y:auto}.top-header[data-v-b0c2ad8a]{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-b0c2ad8a]{display:flex;align-items:center;background-color:#f0f2f5;border-radius:20px;padding:8px 15px;width:300px}.search-icon[data-v-b0c2ad8a]{color:#909399;margin-right:8px}.search-input[data-v-b0c2ad8a]{border:none;background:transparent;outline:none;flex-grow:1;font-size:14px;color:#333}.header-actions[data-v-b0c2ad8a]{display:flex;align-items:center;gap:20px}.notification-icon-wrapper[data-v-b0c2ad8a]{position:relative;cursor:pointer;padding:8px;border-radius:6px;transition:background .2s ease}.notification-icon-wrapper[data-v-b0c2ad8a]:hover{background:#f3f4f6}.notification-icon[data-v-b0c2ad8a]{font-size:20px;color:#6b7280}.notification-badge[data-v-b0c2ad8a]{position:absolute;top:4px;right:4px;width:8px;height:8px;background:#ef4444;border-radius:50%}.user-avatar[data-v-b0c2ad8a]{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .2s ease}.user-avatar[data-v-b0c2ad8a]:hover{background:#f3f4f6}.user-avatar img[data-v-b0c2ad8a]{width:32px;height:32px;border-radius:50%;object-fit:cover}.user-avatar .arrow-down[data-v-b0c2ad8a]{font-size:12px;color:#6b7280}.content-section[data-v-b0c2ad8a]{flex-grow:1;padding:30px;background-color:#f5f7fa}.settings-tabs[data-v-b0c2ad8a]{flex-grow:1;display:flex;flex-direction:column}.tab-nav[data-v-b0c2ad8a]{display:flex;background:white;border-bottom:1px solid #e2e8f0;padding:0 30px}.tab-item[data-v-b0c2ad8a]{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-b0c2ad8a]:hover{color:#334155;background:#f8fafc}.tab-item.active[data-v-b0c2ad8a]{color:#3b82f6;border-bottom-color:#3b82f6;background:#eff6ff}.tab-item .el-icon[data-v-b0c2ad8a]{margin-right:8px;font-size:18px}.tab-content[data-v-b0c2ad8a]{flex-grow:1;padding:30px;background-color:#f5f7fa}.cleanup-stats[data-v-b0c2ad8a],.cleanup-actions[data-v-b0c2ad8a],.cleanup-config[data-v-b0c2ad8a]{margin-bottom:24px}.stats-card[data-v-b0c2ad8a],.actions-card[data-v-b0c2ad8a],.config-card[data-v-b0c2ad8a]{border-radius:12px;box-shadow:0 4px 12px #0000000d}.card-header[data-v-b0c2ad8a]{display:flex;justify-content:space-between;align-items:center;padding:0}.card-header h3[data-v-b0c2ad8a]{margin:0;font-size:18px;font-weight:600;color:#1e293b}.stats-content[data-v-b0c2ad8a]{padding:20px 0}.stats-grid[data-v-b0c2ad8a]{displa
|