🚸 Improve user experience of config modals

This commit is contained in:
Alicia Sykes 2021-08-08 20:11:23 +01:00
parent e6cfad6d4e
commit 3daee52634
2 changed files with 9 additions and 1 deletions

View File

@ -15,7 +15,7 @@
<!-- Modal for manually changing locale -->
<modal :name="modalNames.LANG_SWITCHER" classes="dashy-modal"
:resizable="true" width="30%" height="25%">
:resizable="true" width="35%" height="35%">
<LanguageSwitcher />
</modal>

View File

@ -1,5 +1,6 @@
@import '@/styles/style-helpers.scss';
@import '@/styles/media-queries.scss';
/* Essential global page layout styles */
html {
@ -26,6 +27,13 @@ html {
box-shadow: 0 40px 70px -2px hsl(0deg 0% 0% / 60%), 1px 1px 6px var(--primary) !important;
min-width: 350px;
min-height: 200px;
@include phone {
left: 0.5rem !important;
right: 0.5rem !important;
width: 95% !important;
top: 2rem !important;
}
}
.vm--overlay {
background: #00000080;