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

🩹 Fixed a bunch of minor UI things

Browse Source
This commit is contained in:
Alicia Sykes 2021-08-07 15:15:53 +01:00
parent 61a3e6ba54
commit c29e7105e2
4 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/Configuration/JsonEditor.vue
View File

@ -4,7 +4,6 @@
<v-jsoneditor <v-jsoneditor
v-model="jsonData" v-model="jsonData"
:options="options" :options="options"
height="500px"
/> />
<!-- Options raido, and save button --> <!-- Options raido, and save button -->
<div class="save-options"> <div class="save-options">
@ -293,6 +292,10 @@ div.save-options {
} }
} }
.jsoneditor-container.min-box {
height: 58vh;
}
.jsoneditor, .jsoneditor-menu { .jsoneditor, .jsoneditor-menu {
border-color: var(--primary); border-color: var(--primary);
} }

6
src/components/Settings/ThemeSelector.vue
View File

@ -126,6 +126,7 @@ export default {
<style lang="scss"> <style lang="scss">
@import 'vue-select/src/scss/vue-select.scss'; @import 'vue-select/src/scss/vue-select.scss';
@import '@/styles/style-helpers.scss';
.theme-dropdown { .theme-dropdown {
div.vs__dropdown-toggle { div.vs__dropdown-toggle {
@ -146,10 +147,13 @@ export default {
} }
ul.vs__dropdown-menu { ul.vs__dropdown-menu {
width: auto; width: auto;
background: var(--background);
z-index: 5; z-index: 5;
max-width: 13rem; max-width: 13rem;
overflow-x: hidden; overflow-x: hidden;
@extend .scroll-bar;
background: var(--background);
border-radius: var(--curve-factor);
border-top: 1px solid var(--settings-text-color);
} }
li.vs__dropdown-option--highlight { li.vs__dropdown-option--highlight {
background: var(--settings-text-color); background: var(--settings-text-color);

7
src/styles/color-themes.scss
View File

@ -498,7 +498,7 @@ html[data-theme='material'] {
--nav-link-border-color: #0c4eba; --nav-link-border-color: #0c4eba;
--settings-text-color: #363636; --settings-text-color: #363636;
--config-code-color: #363636; --config-code-color: #363636;
--config-settings-background: #fff; --config-settings-background: #f5f5f5;
--config-settings-color: #473f3f; --config-settings-color: #473f3f;
--heading-text-color: #fff; --heading-text-color: #fff;
--curve-factor: 4px; --curve-factor: 4px;
@ -508,6 +508,11 @@ html[data-theme='material'] {
--footer-text-color: #f5f5f5cc; --footer-text-color: #f5f5f5cc;
// --login-form-background-secondary: #f5f5f5cc; // --login-form-background-secondary: #f5f5f5cc;
--context-menu-secondary-color: #f5f5f5; --context-menu-secondary-color: #f5f5f5;
--transparent-white-50: #00000080;
div.jsoneditor div.jsoneditor-menu {
background: #5c90eb !important;
}
header { header {
background: #4285f4; background: #4285f4;

2
src/views/Home.vue
View File

@ -218,7 +218,7 @@ export default {
padding-bottom: 1px; padding-bottom: 1px;
background: var(--background); background: var(--background);
// min-height: calc(100vh - 126px); // min-height: calc(100vh - 126px);
min-height: calc(100vh - var(--footer-height)); min-height: calc(99.9vh - var(--footer-height));
} }
/* Outside container wrapping the item groups*/ /* Outside container wrapping the item groups*/