diff options
author | Front <27463495+Frontesque@users.noreply.github.com> | 2021-11-26 05:18:04 +0300 |
---|---|---|
committer | Front <27463495+Frontesque@users.noreply.github.com> | 2021-11-26 05:18:04 +0300 |
commit | 77b1336b230ad247f866467a61e1ca8b6985d46f (patch) | |
tree | e63b05d996ea31a7ffaf3465e517bba01a30e2ff /Website/layouts | |
parent | 1bb019273f2d1486f607179041f376d6c78d0294 (diff) |
:white_circle: Website 1.1.0
+ Improved readability
+ Improved view on mobile devices and vertical monitors
+ Updated FAQ
Diffstat (limited to 'Website/layouts')
-rw-r--r-- | Website/layouts/default.vue | 11 | ||||
-rw-r--r-- | Website/layouts/default_legacy.vue | 72 |
2 files changed, 82 insertions, 1 deletions
diff --git a/Website/layouts/default.vue b/Website/layouts/default.vue index 504d83e..bfee7a4 100644 --- a/Website/layouts/default.vue +++ b/Website/layouts/default.vue @@ -13,7 +13,16 @@ <v-img src="/ui/abstract.svg" style="position: absolute; top: 0; right: 0; width: 100%; height: 100%;" /> - <nuxt /> + + <section style="position: relative;"> + <div class="center" style="width: 90vw"> + <center style="width: 90vw"> + + <nuxt /> + + </center> + </div> + </section> </v-main> diff --git a/Website/layouts/default_legacy.vue b/Website/layouts/default_legacy.vue new file mode 100644 index 0000000..8a67913 --- /dev/null +++ b/Website/layouts/default_legacy.vue @@ -0,0 +1,72 @@ +<template> + <v-app id="inspire" dark> + <v-app-bar app color="lighten-2" flat> + + <v-tabs centered class="ml-n9" color="primary" router> + <v-tab v-for="link in links" :key="link" :to="link.path"> + {{ link.name }} + </v-tab> + </v-tabs> + </v-app-bar> + + <v-main> + + <v-img src="/ui/abstract.svg" style="position: absolute; top: 0; right: 0; width: 100%; height: 100%;" /> + + + + <nuxt /> + + + </v-main> + </v-app> +</template> + +<style> +html, body { + overflow: hidden; +} + +section { + height: 90vh; + width: 100vw; +} +.mainAltButton { + margin: 0.25em; +} +.center { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} +</style> + +<script> + export default { + data: () => ({ + links: [ + { + name: 'Home', + path: '/' + }, + { + name: 'Install', + path: '/install' + }, + { + name: 'FAQ', + path: '/faq' + }, + { + name: 'Donate', + path: '/donate' + }, + { + name: 'Links', + path: '/links' + }, + ], + }), + } +</script>
\ No newline at end of file |