granblue.team/hensei-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update Alert styles

Browse source 
* Proper z-index with overlay
* Slightly themed with background-color variable (more to come)
* Make strong actually make things bold
* Proper styling on buttons container
This commit is contained in:
Justin Edmund 2023-01-06 02:58:45 -08:00
parent 1206c1978f
commit 39f79bfbc6
1 changed files with 9 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
components/Alert/index.scss
View file

@ -7,11 +7,11 @@
width: 100vw;
top: 0;
left: 0;
z-index: 21;
z-index: 31;
}
.Alert {
background: $grey-100;
background: var(--dialog-bg);
border-radius: $unit;
display: flex;
flex-direction: column;
@ -22,11 +22,17 @@
.description {
font-size: $font-regular;
line-height: 1.26;
line-height: 1.4;
strong {
font-weight: $bold;
}
}
.buttons {
display: flex;
align-self: flex-end;
gap: $unit;
}
.Button {