mirror of https://github.com/VueTubeApp/VueTube
fix: 🎨 make launch icon change based on dark theme
This commit is contained in:
parent
5ac4ebcf57
commit
66a0827ca4
|
@ -1,22 +1,15 @@
|
||||||
<template>
|
<template>
|
||||||
<center class="container">
|
<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" />
|
<v-progress-circular size="50" indeterminate color="primary" />
|
||||||
</center>
|
</center>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.container {
|
|
||||||
padding-top: 3em;
|
|
||||||
display: block;
|
|
||||||
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
transform: translate(-50%, -80%);
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { SplashScreen } from "@capacitor/splash-screen";
|
import { SplashScreen } from "@capacitor/splash-screen";
|
||||||
|
|
||||||
|
@ -63,3 +56,18 @@ export default {
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.container {
|
||||||
|
padding-top: 3em;
|
||||||
|
display: block;
|
||||||
|
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
left: 50%;
|
||||||
|
transform: translate(-50%, -80%);
|
||||||
|
}
|
||||||
|
.invert {
|
||||||
|
filter: invert(100%);
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
Loading…
Reference in New Issue