improvement(frontend): restricts fluid mode to mdAndDown breakpoint

This commit is contained in:
Dimitrie Stefanescu
2021-05-14 12:45:13 +01:00
parent 470a8a2887
commit 95f9c04884
5 changed files with 10 additions and 6 deletions
+6 -2
View File
@@ -1,7 +1,10 @@
<template>
<v-app id="speckle">
<v-app-bar app>
<v-container fluid class="py-0 fill-height hidden-sm-and-down">
<v-container
:fluid="$vuetify.breakpoint.mdAndDown"
class="py-0 fill-height hidden-sm-and-down"
>
<v-btn text to="/" active-class="no-active">
<v-img class="" contain max-height="30" max-width="30" src="@/assets/logo.svg" />
<div class="logo">
@@ -190,7 +193,8 @@ export default {
font-size: 1rem;
}
.fade-enter-active, .fade-leave-active {
.fade-enter-active,
.fade-leave-active {
transition: opacity 1s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
+1 -1
View File
@@ -1,5 +1,5 @@
<template>
<v-container :fluid="$vuetify.breakpoint.lgAndDown">
<v-container :fluid="$vuetify.breakpoint.mdAndDown">
<v-row>
<v-col cols="12" sm="12" md="4" lg="3" xl="2">
<user-info-card :user="user" @update="update"></user-info-card>
+1 -1
View File
@@ -1,5 +1,5 @@
<template>
<v-container :fluid="$vuetify.breakpoint.lgAndDown">
<v-container :fluid="$vuetify.breakpoint.mdAndDown">
<v-row v-if="$apollo.loading">
<v-col cols="12">
<v-skeleton-loader type="card, article"></v-skeleton-loader>
+1 -1
View File
@@ -1,5 +1,5 @@
<template>
<v-container :fluid="$vuetify.breakpoint.lgAndDown">
<v-container :fluid="$vuetify.breakpoint.mdAndDown">
<v-row v-if="stream">
<v-col cols="12" sm="12" md="4" lg="3" xl="3">
<sidebar-stream :user-role="userRole"></sidebar-stream>
+1 -1
View File
@@ -1,5 +1,5 @@
<template>
<v-container fluid>
<v-container :fluid="$vuetify.breakpoint.mdAndDown">
<v-row>
<v-col cols="12" sm="12" md="4" lg="3" xl="2">
<v-card rounded="lg" class="mt-5 mx-5" elevation="0" color="background">