2 lines
5.7 KiB
CSS
2 lines
5.7 KiB
CSS
|
.video-detail-page[data-v-03fa66db]{display:flex;height:100vh;background:#0a0a0a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sidebar[data-v-03fa66db]{width:280px;background:#000000;padding:24px 0;border-right:1px solid #1a1a1a;flex-shrink:0;display:block;position:relative}.logo[data-v-03fa66db]{padding:0 24px 32px;display:flex;align-items:center;justify-content:center}.logo img[data-v-03fa66db]{height:40px;width:auto}.nav-menu[data-v-03fa66db]{padding:0 20px}.nav-item[data-v-03fa66db]{display:flex;align-items:center;padding:14px 18px;margin-bottom:4px;border-radius:8px;cursor:pointer;transition:all .3s ease;position:relative}.nav-item[data-v-03fa66db]:hover{background:#2a2a2a}.nav-item.active[data-v-03fa66db]{background:#1e3a8a}.nav-item .el-icon[data-v-03fa66db]{margin-right:14px;font-size:20px}.nav-item span[data-v-03fa66db]{font-size:15px;flex:1}.main-content[data-v-03fa66db]{flex:1;display:flex;background:#0a0a0a;overflow:hidden}.loading-container[data-v-03fa66db]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:20px}.loading-container p[data-v-03fa66db]{font-size:16px;color:#9ca3af}.error-container[data-v-03fa66db]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:20px}.error-container p[data-v-03fa66db]{font-size:16px;color:#f56c6c;max-width:400px;text-align:center}.video-player-section[data-v-03fa66db]{flex:2;display:flex;align-items:center;justify-content:center;background:#000;position:relative}.video-container[data-v-03fa66db]{position:relative;width:100%;height:100%;max-width:100%;max-height:100%}.video-player[data-v-03fa66db]{width:100%;height:100%;object-fit:contain;background:#000}.video-controls[data-v-03fa66db]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.8));padding:20px;display:flex;align-items:center;justify-content:space-between}.control-left[data-v-03fa66db]{display:flex;align-items:center;gap:15px;flex:1}.play-btn[data-v-03fa66db]{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .3s}.play-btn[data-v-03fa66db]:hover{background:rgba(255,255,255,.1)}.progress-container[data-v-03fa66db]{flex:1;display:flex;align-items:center;gap:10px}.progress-bar[data-v-03fa66db]{flex:1;height:4px;background:rgba(255,255,255,.3);border-radius:2px;cursor:pointer;position:relative}.progress-fill[data-v-03fa66db]{height:100%;background:#409eff;border-radius:2px;transition:width .1s}.time-display[data-v-03fa66db]{color:#fff;font-size:14px;white-space:nowrap}.control-right[data-v-03fa66db]{display:flex;align-items:center}.control-btn[data-v-03fa66db]{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .3s}.control-btn[data-v-03fa66db]:hover{background:rgba(255,255,255,.1)}.video-actions[data-v-03fa66db]{position:absolute;top:20px;right:20px;display:flex;gap:10px;z-index:10}.action-btn[data-v-03fa66db]{background:rgba(0,0,0,.6);border:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s}.action-btn[data-v-03fa66db]:hover{background:rgba(0,0,0,.8);transform:scale(1.1)}.delete-btn[data-v-03fa66db]:hover{background:rgba(220,38,38,.8)}.detail-sidebar[data-v-03fa66db]{flex:1;background:#1a1a1a;border-radius:12px 0 0;padding:24px;display:flex;flex-direction:column;gap:24px;overflow-y:auto}.sidebar-header[data-v-03fa66db]{display:flex;flex-direction:column;gap:16px}.user-info[data-v-03fa66db]{display:flex;align-items:center;gap:12px}.avatar[data-v-03fa66db]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}.avatar-image[data-v-03fa66db]{width:100%;height:100%;object-fit:cover}.username[data-v-03fa66db]{font-size:16px;font-weight:500;color:#fff}.tabs[data-v-03fa66db]{display:flex;gap:0}.tab[data-v-03fa66db]{padding:8px 16px;background:transparent
|