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