Default dark mode, update download page

This commit is contained in:
Mary 2021-01-24 16:33:27 +01:00
parent 50ce1a52da
commit 70d99fc62b
3 changed files with 11 additions and 3 deletions

View file

@ -177,11 +177,11 @@ export default {
methods: { methods: {
toggleDarkMode() { toggleDarkMode() {
this.$vuetify.theme.dark = !this.$vuetify.theme.dark; this.$vuetify.theme.dark = !this.$vuetify.theme.dark;
localStorage.dark_mode = this.$vuetify.theme.dark; localStorage.white_mode = !this.$vuetify.theme.dark;
} }
}, },
beforeMount() { beforeMount() {
this.$vuetify.theme.dark = localStorage.dark_mode === "true" this.$vuetify.theme.dark = localStorage.white_mode !== "true"
} }
}; };
</script> </script>

View file

@ -8,8 +8,10 @@
<v-col cols="12" md="6"> <v-col cols="12" md="6">
<div class="text-center"> <div class="text-center">
<p class="display-1">Building Ryujinx and latest downloads</p> <p class="display-1">Building Ryujinx and latest downloads</p>
<v-img :aspect-ratio="49/32" class="text-center" src="/public/shell.png" alt="Shell" />
<v-container> <v-container>
<v-row align="start" justify="center">
<v-img :max-height="300" :max-width="500" position="text-center" src="/public/shell.png" alt="Shell" />
</v-row>
<v-row align="start" justify="center"> <v-row align="start" justify="center">
<v-col> <v-col>
<div class="text-h5"> <div class="text-h5">
@ -65,6 +67,12 @@
</p> </p>
</v-col> </v-col>
</v-row> </v-row>
<v-row justify="center">
<v-col>
<p class="text-h5">Looking for the LDN build?</p>
<p class="text">Head over to our <router-link to="https://www.patreon.com/ryujinx">Patreon</router-link> for more info & FREE download</p>
</v-col>
</v-row>
<v-row justify="center"> <v-row justify="center">
<v-col> <v-col>
<p class="text-h5">Building methods</p> <p class="text-h5">Building methods</p>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 289 KiB

After

Width:  |  Height:  |  Size: 905 KiB