feat: 数据看板视频封面接口 + Cookie 编辑弹窗全屏化

- Controllers/VideoController.cs:补回 upstream merge 时丢失的 GetVideoCover 接口(/api/video/cover/{id}),修复数据看板作者视频列表封面加载失败
- app/src/App.vue:.full-modal 改成 flex + height:100vh 全屏抽屉式布局,footer 常驻底部,body flex:1 承担滚动,解决大视口下 modal 底部大片空白
- app/src/pages/cok/CookieTable.vue:删除 .modal-scroll-body 的双层滚动 hack(max-height + overflow:scroll),让 .ant-modal-body 独家承担滚动,修复小屏下 Cookie 编辑弹窗内容滑不动

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
yuming
2026-07-03 23:34:20 +08:00
parent e6c5587637
commit 45d3a3de4d
3 changed files with 87 additions and 22 deletions
+18 -4
View File
@@ -179,15 +179,29 @@ body {
}
}
// 抖音授权 Cookie 编辑用 full-modal(顶部对齐的宽 modal)
// 抖音授权 Cookie 编辑用 full-modal(全屏抽屉式,高度 100vh、footer 常驻底部)
.full-modal .ant-modal {
top: 0 !important;
padding-bottom: 0 !important;
margin-bottom: 0;
margin: 0 !important;
max-width: 100%;
height: 100vh;
}
.full-modal .ant-modal-content {
height: 100vh;
display: flex;
flex-direction: column;
border-radius: 0;
}
.full-modal .ant-modal-header,
.full-modal .ant-modal-footer {
flex-shrink: 0;
}
// full-modal 没有 top 留白,body max-height 减去的常量更小
.full-modal .ant-modal-body {
max-height: calc(100vh - 110px) !important;
flex: 1 1 auto;
min-height: 0;
max-height: none !important;
overflow-y: auto !important;
}
// 登录页整个界面本身就是一个 Modal(LoginModal.vue),必须恢复 antd 默认布局,不能被上面的全局规则改
-18
View File
@@ -707,26 +707,8 @@ const switchdownCollect = (e: any) => {
<style scoped lang="less">
.modal-scroll-body {
max-height: calc(100vh - 160px);
overflow-y: scroll;
overflow-x: hidden;
padding-right: 4px;
}
.modal-scroll-body::-webkit-scrollbar {
-webkit-appearance: none;
width: 8px;
}
.modal-scroll-body::-webkit-scrollbar-track {
background: #f0f0f0;
border-radius: 4px;
}
.modal-scroll-body::-webkit-scrollbar-thumb {
background: #bbb;
border-radius: 4px;
}
.modal-scroll-body::-webkit-scrollbar-thumb:hover {
background: #888;
}
.ant-form-item {
margin-bottom: 10px;
}