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

jellyfin · Feb 28, 2023 · a7b2818 · a7b2818
1 parent f019e0c
commit a7b2818
Show file tree

Hide file tree

Showing 9 changed files with 15 additions and 18 deletions.
diff --git a/frontend/package.json b/frontend/package.json
@@ -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",

diff --git a/frontend/src/assets/styles/global.scss b/frontend/src/assets/styles/global.scss
@@ -125,7 +125,3 @@
 .overflow-hidden {
   overflow: hidden;
 }
-
-.full-height {
-  height: 100vh;
-}
diff --git a/frontend/src/components/RouterViewTransition.vue b/frontend/src/components/RouterViewTransition.vue
@@ -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'

diff --git a/frontend/src/layouts/server.vue b/frontend/src/layouts/server.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-main>
+  <v-main class="h-100">
     <router-view-transition />
   </v-main>
   <v-footer app color="transparent">

diff --git a/frontend/src/pages/server/add.vue b/frontend/src/pages/server/add.vue
@@ -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') }}

diff --git a/frontend/src/pages/server/login.vue b/frontend/src/pages/server/login.vue
@@ -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"

diff --git a/frontend/src/pages/server/select.vue b/frontend/src/pages/server/select.vue
@@ -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') }}

diff --git a/frontend/src/pages/wizard.vue b/frontend/src/pages/wizard.vue
@@ -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 -->

diff --git a/package-lock.json b/package-lock.json