chore: change alert CSS sizing

This commit is contained in:
Yohan Boniface 2024-06-14 18:21:44 +02:00
parent eda3823b3a
commit 713be1538c
2 changed files with 10 additions and 2 deletions

View file

@ -2,7 +2,7 @@
box-sizing: border-box; box-sizing: border-box;
min-height: 46px; min-height: 46px;
line-height: 46px; line-height: 46px;
padding: var(--panel-gutter); padding: var(--box-padding);
position: absolute; position: absolute;
box-shadow: 0 1px 7px #999999; box-shadow: 0 1px 7px #999999;
background: var(--color-darkGray); background: var(--color-darkGray);
@ -17,7 +17,8 @@
align-items: flex-start; align-items: flex-start;
left: 50%; left: 50%;
transform: translate(-50%, 0); transform: translate(-50%, 0);
min-width: 80%; max-width: calc(100% - var(--panel-gutter) * 2);
width: max-content;
} }
[role="dialog"] > div { [role="dialog"] > div {
margin: 0 auto; margin: 0 auto;

View file

@ -33,8 +33,15 @@
--current-footer-height: 0px; --current-footer-height: 0px;
--control-size: 36px; --control-size: 36px;
--border-radius: 4px; --border-radius: 4px;
--box-padding: 20px;
} }
.dark { .dark {
--background-color: var(--color-darkGray); --background-color: var(--color-darkGray);
--text-color: #efefef; --text-color: #efefef;
} }
@media only screen and (max-width:770px) {
:root {
--box-padding: 10px;
}
}