yuthon_base/ks_dashboard_ninja/static/src/scss/modal.scss
李鹏宇 1fa24f7558 new
2026-07-23 16:08:07 +08:00

104 lines
3.0 KiB
SCSS

.ks_body_class .modal-dialog {
max-width: 764px;
.modal-content {
border-radius: 16px;
.modal-header {
padding: 12px 16px;
/* 与主题模块冲突:强制浅灰背景会覆盖主题深色模式下的弹窗标题栏背景 (@image#1:Clipboard_Screenshot.png) */
// background-color: $color-bg-main;
border-radius: 16px 16px 0 0;
border-bottom: 0;
.modal-title {
font-size: $font-16;
font-weight: $f-w-500;
line-height: 22.4px;
text-align: left;
/* 与主题模块冲突:强制黑色文字会覆盖主题深色模式下的弹窗标题颜色 (@image#1:Clipboard_Screenshot.png) */
// color: $color-black;
}
.btn-close {}
}
.modal-body {
.o_form_label {
font-size: $font-12;
font-weight: $f-w-400;
line-height: 9.66px;
letter-spacing: 0.0015em;
text-align: left;
/* 与主题模块冲突:强制黑色文字会覆盖主题深色模式下的表单标签颜色 (@image#1:Clipboard_Screenshot.png) */
// color: $color-black;
margin-bottom: 8px;
// &:not(:focus-within) {
// color: $color-danger !important;
// }
&:focus {
/* 与主题模块冲突:强制黑色边框会覆盖主题深色模式下的焦点样式 (@image#1:Clipboard_Screenshot.png) */
// border: 1px solid $color-black;
}
}
.ks_dash_row {
.o_cell {
width: 100% !important;
}
.o_inner_group {
gap: 32px 16px !important;
}
}
}
.modal-footer {
border: 0;
footer {
justify-content: flex-start !important;
.btn {
@include max-768 {
width: auto !important;
}
}
}
}
}
}
.ks_body_class .form-input-box.form-control {
border: none;
padding: 0;
input {
border: 0.81px solid $color-D1D5DB !important;
border-radius: 6px;
padding: 12px 10px !important;
font-size: $font-14;
font-weight: $f-w-400;
line-height: 18.52px;
text-align: left;
/* 与主题模块冲突:强制黑色文字会覆盖主题深色模式下的输入框文字颜色 (@image#1:Clipboard_Screenshot.png) */
// color: $color-black;
&::placeholder {
font-size: $font-16;
font-weight: $f-w-400;
line-height: 18.52px;
text-align: left;
color: $color-placeholders;
}
}
.o_field_many2one_selection {
.o_dropdown_button {
visibility: visible !important;
}
}
}