improvement(frontend): restricts fluid mode to mdAndDown breakpoint
This commit is contained in:
@@ -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,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,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,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,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">
|
||||
|
||||
Reference in New Issue
Block a user