etc
/
VueTube
mirror of https://github.com/VueTubeApp/VueTube
0
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: 🎨 make launch icon change based on dark theme

This commit is contained in:
Kenny 2022-03-23 09:17:02 -04:00
parent 5ac4ebcf57
commit 66a0827ca4
1 changed files with 21 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
NUXT/pages/index.vue
View File

@ -1,22 +1,15 @@
<template>
<center class="container">
<v-img src="/icon.svg" width="10em" style="margin-bottom: 1em" />
<v-img
src="/icon.svg"
width="10em"
style="margin-bottom: 1em"
:class="this.$vuetify.theme.dark ? '' : 'invert'"
/>
<v-progress-circular size="50" indeterminate color="primary" />
</center>
</template>
<style scoped>
.container {
padding-top: 3em;
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -80%);
}
</style>
<script>
import { SplashScreen } from "@capacitor/splash-screen";
@ -63,3 +56,18 @@ export default {
},
};
</script>
<style scoped>
.container {
padding-top: 3em;
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -80%);
}
.invert {
filter: invert(100%);
}
</style>