mirror of
https://github.com/sendevia/website.git
synced 2026-03-08 08:44:15 +08:00
47 lines
791 B
SCSS
47 lines
791 B
SCSS
@use "../mixin";
|
|
|
|
// https://m3.material.io/components/dialogs/
|
|
|
|
#modal-dialog-content {
|
|
display: flex;
|
|
align-items: center;
|
|
flex-direction: column;
|
|
gap: 12px;
|
|
|
|
#modal-dialog-leader-icon {
|
|
@include mixin.material-symbols($size: 24);
|
|
}
|
|
|
|
#modal-dialog-headline {
|
|
margin-inline: 10px;
|
|
|
|
h3 {
|
|
margin-block-end: 6px;
|
|
|
|
color: var(--md-sys-color-on-surface);
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
p {
|
|
text-align: center;
|
|
}
|
|
}
|
|
|
|
#modal-dialog-supporting-list {
|
|
display: flex;
|
|
align-items: flex-start;
|
|
flex-direction: column;
|
|
gap: 12px;
|
|
|
|
width: 100%;
|
|
|
|
.modal-dialog-tip-items {
|
|
display: grid;
|
|
align-items: center;
|
|
gap: 12px;
|
|
grid-template-columns: auto auto;
|
|
}
|
|
}
|
|
}
|