fix modals

This commit is contained in:
hippoz 2022-12-03 23:07:00 +02:00
parent bfd2643547
commit 67ee56c109
Signed by: hippoz
GPG key ID: 7C52899193467641
2 changed files with 7 additions and 1 deletions

View file

@ -204,6 +204,12 @@ body {
float: left; float: left;
} }
@media screen and (min-width: 768px) {
.modal-backdrop-opaque .modal .modal-footer {
background-color: var(--background-color-1);
}
}
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.modal { .modal {
width: 100%; width: 100%;

View file

@ -106,7 +106,7 @@
<span class="material-icons-outlined">alternate_email</span> <span class="material-icons-outlined">alternate_email</span>
<span class="h5 top-bar-heading">{ $userInfoStore ? $userInfoStore.username : "" }</span> <span class="h5 top-bar-heading">{ $userInfoStore ? $userInfoStore.username : "" }</span>
<div class="account-buttons"> <div class="account-buttons">
<button class="button button-red" on:click="{ doLogout }">Log Out</button> <button class="button button-danger" on:click="{ doLogout }">Log Out</button>
</div> </div>
</div> </div>