You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
67 lines
1.4 KiB
67 lines
1.4 KiB
3 years ago
|
.s-dialog {
|
||
|
|
text-align: center;
|
||
|
|
|
||
|
|
::v-deep {
|
||
|
|
.s-popup__wrap {
|
||
|
|
width: $dialog-width;
|
||
|
|
border-radius: $dialog-border-radius;
|
||
|
|
background: $dialog-background;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
&__header {
|
||
|
|
font-size: $dialog-header-font-size;
|
||
|
|
font-weight: $dialog-header-font-weight;
|
||
|
|
padding: $dialog-header-padding;
|
||
|
|
text-align: center;
|
||
|
|
color: $dialog-header-color;
|
||
|
|
}
|
||
|
|
|
||
|
|
&__message {
|
||
|
|
font-size: $dialog-message-font-size;
|
||
|
|
line-height: $dialog-message-line-height;
|
||
|
|
display: inline-block;
|
||
|
|
overflow-y: auto;
|
||
|
|
max-height: $dialog-message-max-height;
|
||
|
|
padding: $dialog-message-padding;
|
||
|
|
text-align: center;
|
||
|
|
white-space: pre-wrap;
|
||
|
|
word-wrap: break-word;
|
||
|
|
word-break: break-all;
|
||
|
|
color: $dialog-message-color;
|
||
|
|
}
|
||
|
|
|
||
|
|
&__footer {
|
||
|
|
display: flex;
|
||
|
|
justify-content: center;
|
||
|
|
border-color: $dialog-border-color;
|
||
|
|
}
|
||
|
|
|
||
|
|
::v-deep#{&} {
|
||
|
|
&__action {
|
||
|
|
font-size: $dialog-action-font-size;
|
||
|
|
font-weight: $dialog-action-font-weight;
|
||
|
|
flex: 1 0 0;
|
||
|
|
height: $dialog-action-height;
|
||
|
|
border-color: $dialog-border-color;
|
||
|
|
border-radius: 0;
|
||
|
|
|
||
|
|
&::after {
|
||
|
|
border-width: 0;
|
||
|
|
border-radius: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
&:nth-child(n+2)::after {
|
||
|
|
border-left-width: 1px;
|
||
|
|
}
|
||
|
|
|
||
|
|
&-cancel {
|
||
|
|
color: $dialog-action-cancel-color;
|
||
|
|
}
|
||
|
|
|
||
|
|
&-confirm {
|
||
|
|
color: $dialog-action-confirm-color;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|