dbd06435cb
- 修复BCryptPasswordEncoder密码验证问题 - 实现密码设置提示弹窗功能（仅对无密码用户显示一次） - 优化修改密码逻辑和验证流程 - 更新Welcome页面背景样式 - 清理临时SQL文件和测试代码 - 移动数据库备份文件到database/backups目录 - 删除不必要的MD文档和临时文件
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;color:#9ca3af;cursor:pointer;border-radius:6px;transition:all .3s;font-size:14px}.tab.active[data-v-03fa66db]{background:#409eff;color:#fff}.tab[data-v-03fa66db]:hover:not(.active){background:rgba(255,255,255,.1);color:#fff}.description-section[data-v-03fa66db]{display:flex;flex-direction:column;gap:12px}.section-title[data-v-03fa66db]{font-size:16px;font-weight:600;color:#fff;margin:0}.description-text[data-v-03fa66db]{font-size:14px;line-height:1.6;color:#d1d5db;margin:0}.metadata-section[data-v-03fa66db]{display:flex;flex-direction:column;gap:12px}.metadata-item[data-v-03fa66db]{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.label[data-v-03fa66db]{font-size:14px;color:#9ca3af}.value[data-v-03fa66db]{font-size:14px;color:#fff;font-weight:500}.action-section[data-v-03fa66db]{margin-top:auto;padding-top:20px}.create-similar-btn[data-v-03fa66db]{width:100%;background:#409eff;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s}.create-similar-btn[data-v-03fa66db]:hover{background:#337ecc;transform:translateY(-2px)}.create-similar-btn[data-v-03fa66db]:active{transform:translateY(0)}@media (max-width: 1024px){.video-detail-page[data-v-03fa66db]{flex-direction:column}.video-player-section[data-v-03fa66db]{flex:1;min-height:50vh}.detail-sidebar[data-v-03fa66db]{flex:1;border-radius:0}}@media (max-width: 768px){.video-overlay[data-v-03fa66db]{bottom:60px;left:10px}.overlay-text[data-v-03fa66db]{font-size:18px}.video-controls[data-v-03fa66db]{padding:15px}.video-actions[data-v-03fa66db]{top:15px;right:15px;gap:8px}.action-btn[data-v-03fa66db]{width:35px;height:35px}.detail-sidebar[data-v-03fa66db]{padding:16px;gap:16px}}
|