提交 a568e716 编写于 作者: LUCIFER-ZHU's avatar LUCIFER-ZHU

update: 更新样式

上级 5e75b6da
// 模态
.ivu-modal{
.ivu-modal-content{
.ivu-modal-close{
right: 30px;
top: 4px;
}
.ivu-modal-header{
padding: 10px 30px;
background-color: var(--app-color-black);
p{
.ivu-modal-header-inner, p{
font-size: 16px;
color: var(--app-color-white);
height: auto;
......@@ -13,12 +17,12 @@
}
.ivu-modal-body{
background-color: var(--app-color-gray-400);
padding: 30px 30px 0;
padding: 30px 30px;
}
.ivu-modal-footer{
border-top: 0;
background-color: var(--app-color-gray-400);
padding: 22px 30px;
padding: 0 30px 30px;
>div{
display: flex;
justify-content: flex-end;
......@@ -48,4 +52,45 @@
}
}
}
}
// 确认操作框
.ivu-modal-confirm{
padding: 0;
.ivu-modal-confirm-head{
.ivu-modal-confirm-head-icon{
font-size: 20px;
color: var(--app-color-red);
i::before{
content: "\F107";
}
}
.ivu-modal-confirm-head-title{
font-size: 16px;
color: var(--app-color-black);
}
}
.ivu-modal-confirm-body{
margin: 14px 0;
padding-left: 0;
font-size: 14px;
color: var(--app-color-gray-100);
}
.ivu-modal-confirm-footer{
margin-top: 0;
display: flex;
justify-content: flex-end;
.ivu-btn:nth-child(1){
border: none;
background-color: var(--app-color-gray-200);
color: var(--app-color-black);
font-size: 14px;
}
.ivu-btn:nth-child(2){
border: none;
background-color: var(--app-color-blue);
color: var(--app-color-white);
font-size: 14px;
}
}
}
\ No newline at end of file
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册