tyler.durden/dashy
1
0
Fork 0
mirror of https://github.com/Lissy93/dashy.git synced 2025-07-27 07:34:43 +02:00
Code Issues Packages Projects Releases Wiki Activity

🚸 Improve user experience of config modals

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Settings/ConfigLauncher.vue
View File

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

8
src/styles/global-styles.scss
View File

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