Spotify/top-lists
0
0
Fork 0
Code Issues Activity

Update main container

Browse source
This commit is contained in:
Oliver-Akins 2020-10-30 20:25:16 -06:00
parent 1c8218f9db
commit 80cb799da5
1 changed files with 20 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

22
src/App.vue
View file

@ -6,6 +6,13 @@
:preview_mode="is_preview" :preview_mode="is_preview"
:dev_mode="is_dev" :dev_mode="is_dev"
/> />
<Themes
v-if="show_theme_modal"
@close="show_theme_modal = false"
/>
<div id="theme-button">
<button @click="show_theme_modal = true">Themes</button>
</div>
</div> </div>
</template> </template>
@ -14,6 +21,7 @@
import "./js/prototypes.js"; import "./js/prototypes.js";
// Import components // Import components
import ThemePicker from './components/modals/ThemeModal';
import LoginCard from './components/LoginView.vue'; import LoginCard from './components/LoginView.vue';
import MainView from './components/MainView.vue'; import MainView from './components/MainView.vue';
@ -21,8 +29,12 @@ export default {
name: 'App', name: 'App',
components: { components: {
"LoginCard": LoginCard, "LoginCard": LoginCard,
"MainView": MainView "MainView": MainView,
"Themes": ThemePicker,
}, },
data() {return {
show_theme_modal: false
}},
computed: { computed: {
is_dev() { is_dev() {
let params = new URLSearchParams(window.location.search.slice(1)); let params = new URLSearchParams(window.location.search.slice(1));
@ -62,7 +74,6 @@ export default {
<style> <style>
@import "./css/transitions.css"; @import "./css/transitions.css";
@import "./css/theme/halloween.css";
@import "./css/scrollbar.css"; @import "./css/scrollbar.css";
@import "./css/tooltips.css"; @import "./css/tooltips.css";
@import "./css/inputs.css"; @import "./css/inputs.css";
@ -81,4 +92,11 @@ body {
background-color: var(--background); background-color: var(--background);
color: var(--background-text); color: var(--background-text);
} }
#theme-button {
position: absolute;
display: block;
bottom: 0;
right: 0;
}
</style> </style>