Oliver/Secret-Hitler-Online
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add better styling for the alert bar and add more types of alert.

Browse source
This commit is contained in:
Oliver-Akins 2020-10-02 17:53:50 -06:00
parent 1a6e661f01
commit bfd8173b06
1 changed files with 9 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/App.vue
View file

@ -118,6 +118,7 @@ html, body, #app {
justify-content: center justify-content: center
position: absolute position: absolute
display: flex display: flex
padding: 3px
width: 100vw width: 100vw
z-index: 1 z-index: 1
left: 0 left: 0
@ -128,6 +129,14 @@ html, body, #app {
background-color: $error-background-colour background-color: $error-background-colour
color: $error-text-colour color: $error-text-colour
} }
.alert-bar.warning {
background-color: $warning-background-colour
color: $warning-text-colour
}
.alert-bar.info {
background-color: $info-background-colour
color: $info-text-colour
}
.input { .input {
background-color: $input-background background-color: $input-background