mirror of
https://git-qiuchenly.yltfspace.com/QiuChenly/corepatch
synced 2025-11-25 04:35:07 +08:00
2 lines
23 KiB
CSS
2 lines
23 KiB
CSS
|
.app-layout[data-v-62a6f210]{display:flex;height:100vh;background:var(--bg-primary)}.sidebar[data-v-62a6f210]{width:280px;background:var(--bg-sidebar);border-right:1px solid var(--border-light);display:flex;flex-direction:column;padding:var(--spacing-lg)}@media (max-width: 768px){.sidebar[data-v-62a6f210]{width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border-light)}}.sidebar-header[data-v-62a6f210]{margin-bottom:var(--spacing-xl);text-align:center}.sidebar-header .app-title[data-v-62a6f210]{font-size:1.8rem;font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing-xs)}.sidebar-header .app-subtitle[data-v-62a6f210]{color:var(--text-secondary);font-size:.9rem}.sidebar-nav[data-v-62a6f210]{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.nav-item[data-v-62a6f210]{display:flex;align-items:center;padding:var(--spacing-md);border-radius:var(--radius-md);text-decoration:none;color:var(--text-secondary);transition:all .2s ease;position:relative}.nav-item[data-v-62a6f210]:hover{background:var(--bg-secondary);color:var(--text-primary)}.nav-item.active[data-v-62a6f210]{background:var(--primary-light);color:var(--primary-color)}.nav-item.active[data-v-62a6f210]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary-color);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.nav-item .nav-icon[data-v-62a6f210]{font-size:1.2rem;margin-right:var(--spacing-md);width:24px;text-align:center}.nav-item .nav-text[data-v-62a6f210]{flex:1;font-weight:500}.nav-item .nav-count[data-v-62a6f210]{background:var(--border-color);color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;min-width:24px;text-align:center}.nav-item.active .nav-count[data-v-62a6f210]{background:var(--primary-color);color:#fff}.sidebar-footer[data-v-62a6f210]{margin-top:auto;padding-top:var(--spacing-lg);border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:var(--spacing-md)}.theme-toggle[data-v-62a6f210]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-size:.9rem}.theme-toggle[data-v-62a6f210]:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--primary-color)}.theme-toggle .theme-icon[data-v-62a6f210]{font-size:1rem}.theme-toggle .theme-text[data-v-62a6f210]{font-weight:500}.service-status[data-v-62a6f210]{display:flex;align-items:center;gap:var(--spacing-sm)}.service-status .status-indicator[data-v-62a6f210]{width:8px;height:8px;border-radius:50%;background:var(--error-color)}.service-status .status-indicator.online[data-v-62a6f210]{background:var(--success-color)}.service-status .status-text[data-v-62a6f210]{font-size:.9rem;color:var(--text-secondary)}.main-content[data-v-62a6f210]{flex:1;overflow-y:auto;background:var(--bg-primary)}@media (max-width: 768px){.app-layout[data-v-62a6f210]{flex-direction:column}.sidebar[data-v-62a6f210]{width:100%;height:auto}.sidebar-nav[data-v-62a6f210]{flex-direction:row;overflow-x:auto;padding-bottom:var(--spacing-sm)}.nav-item[data-v-62a6f210]{flex-shrink:0;min-width:120px}}.modal-overlay[data-v-5ca72b91]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--spacing-lg)}.modal-container[data-v-5ca72b91]{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border-light)}.modal-header[data-v-5ca72b91]{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary)}.modal-header .modal-title[d
|