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:
+18
-4
@@ -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 默认布局,不能被上面的全局规则改
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user