Merge feature/merge-upstream: 数据看板视频封面接口 + Cookie 编辑弹窗全屏化
部署到群晖 / deploy (push) Failing after 3h9m17s
部署到群晖 / deploy (push) Failing after 3h9m17s
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 默认布局,不能被上面的全局规则改
|
||||
|
||||
@@ -713,26 +713,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