style: update vuetify & use newly fixed .fill-height class (#1854)

This commit is contained in:
Thibault 2023-01-19 16:00:44 +01:00 committed by Fernando Fernández
parent 6f346325d2
commit bd542212b2
9 changed files with 15 additions and 18 deletions

View File

@ -47,7 +47,7 @@
"vue": "3.2.39",
"vue-i18n": "9.2.2",
"vue-router": "4.1.5",
"vuetify": "3.1.1"
"vuetify": "3.1.2"
},
"devDependencies": {
"@iconify/json": "2.1.104",

View File

@ -125,7 +125,3 @@
.overflow-hidden {
overflow: hidden;
}
.full-height {
height: 100vh;
}

View File

@ -4,6 +4,7 @@
<!-- This div is required because <transition> requires a single children node -->
<div
:key="getKey(route)"
class="h-100"
:class="
isRoot
? 'router-view-root-transition-wrapper'

View File

@ -1,5 +1,5 @@
<template>
<v-main>
<v-main class="h-100">
<router-view-transition />
</v-main>
<v-footer app color="transparent">

View File

@ -1,6 +1,6 @@
<template>
<v-container class="full-height d-flex" fluid>
<v-row align="center" justify="center">
<v-container class="fill-height" fluid>
<v-row justify="center">
<v-col sm="6" md="6" lg="5">
<h1 class="text-h4 mb-6 text-center">
{{ $t('login.addServer') }}

View File

@ -1,6 +1,6 @@
<template>
<v-container class="full-height d-flex" fluid>
<v-row align="center" justify="center">
<v-container class="fill-height" fluid>
<v-row justify="center">
<v-col
v-if="isEmpty(currentUser) && !loginAsOther && publicUsers.length > 0"
sm="10"

View File

@ -1,6 +1,6 @@
<template>
<v-container class="full-height d-flex" fluid>
<v-row align="center" justify="center">
<v-container class="fill-height" fluid>
<v-row justify="center">
<v-col sm="6" md="6" lg="5">
<h1 class="text-h4 mb-6 text-center">
{{ $t('login.selectServer') }}

View File

@ -1,6 +1,6 @@
<template>
<v-container class="full-height d-flex" fluid>
<v-row align="center" justify="center">
<v-container class="fill-height" fluid>
<v-row justify="center">
<v-col cols="12" sm="12" md="12" xl="8">
<h1 class="text-h4 mb-6 text-center">{{ heading }}</h1>
<!-- TODO: Wait for Vuetify 3.1 -->

8
package-lock.json generated
View File

@ -42,7 +42,7 @@
"vue": "3.2.39",
"vue-i18n": "9.2.2",
"vue-router": "4.1.5",
"vuetify": "3.1.1"
"vuetify": "3.1.2"
},
"devDependencies": {
"@iconify/json": "2.1.104",
@ -15391,9 +15391,9 @@
}
},
"node_modules/vuetify": {
"version": "3.1.1",
"resolved": "https://registry.npmjs.org/vuetify/-/vuetify-3.1.1.tgz",
"integrity": "sha512-BkfRQZ406xQORpgrcUjuPaT/woO96ef/+2zHCfL3an+CrUhjG/sIAptEybHruq3xwFM0uJibDFqGiridsXc99w==",
"version": "3.1.2",
"resolved": "https://registry.npmjs.org/vuetify/-/vuetify-3.1.2.tgz",
"integrity": "sha512-vzxfVc1KlEmZ6tHjmrKCt25rKL6YkakbvQAZ0f/s03kHd0pjXKX4pcWuYgA5mZz4yrfZh/cRHvgGt+7A9CXOVg==",
"engines": {
"node": "^12.20 || >=14.13"
},