Lissy93/dashy
1
1
Fork 0
mirror of https://github.com/Lissy93/dashy.git synced 2024-12-28 11:25:25 +03:00
Code Issues Packages Projects Releases Wiki Activity

🔥 Moves theme configurator to its own component

Browse Source
This commit is contained in:
Alicia Sykes 2021-07-16 21:07:54 +01:00
parent 2e5f0c6bb7
commit aaacb22c15
1 changed files with 3 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -14,17 +14,13 @@
v-if="selectedTheme === 'custom'"
@click="openThemeConfigurator"
/>
<div
v-if="themeConfiguratorOpen"
class="theme-configurator-wrapper"
>
<p>Custom Theme Configurator</p>
</div>
<CustomThemeMaker v-if="themeConfiguratorOpen" />
</div>
</template>
<script>
import CustomThemeMaker from '@/components/Settings/CustomThemeMaker';
import { LoadExternalTheme, ApplyLocalTheme, ApplyCustomTheme } from '@/utils/ThemeHelper';
import Defaults, { localStorageKeys } from '@/utils/defaults';
import IconPalette from '@/assets/interface-icons/config-color-palette.svg';
@ -37,6 +33,7 @@ export default {
userThemes: Array,
},
components: {
CustomThemeMaker,
IconPalette,
},
watch: {
@ -178,17 +175,4 @@ svg.color-button {
}
}
div.theme-configurator-wrapper {
position: absolute;
right: 2rem;
top: 3rem;
width: 30%;
height: 50%;
padding: 0.5rem;
background: var(--config-settings-background);
color: var(--config-settings-color);
border-radius: var(--curve-factor);
box-shadow: 0 8px 10px -2px rgba(0, 0, 0, 0.6), 1px 1px 6px var(--primary);
}
</style>