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

View file

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