sidharth.kothari
/
retailer-vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ui fixes

This commit is contained in:
User 2023-05-17 15:46:23 +05:30
parent 45cd6c174d
commit ec8ec82072
1 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/retailer/layout/Layout.vue
View File

@ -1,11 +1,15 @@
<template> <template>
<div class="d-flex flex-column height-100"> <div class="d-flex flex-column height-100">
<span :class="showMenu ? 'sidebar-router-padding-open' : 'sidebar-router-padding-close'">
<Header @action="onAction" /> <Header @action="onAction" />
</span>
<v-navigation-drawer <v-navigation-drawer
v-model="showMenu" v-model="showMenu"
v-if="showMenu" v-if="showMenu"
:clipped="$vuetify.display.mdAndUp" :clipped="$vuetify.display.mdAndUp"
app :permanent="showMenu"
color="header-bg-color darken-3" color="header-bg-color darken-3"
class="header-bg-color text-white pa-4 mt-6" class="header-bg-color text-white pa-4 mt-6"
> >
@ -50,7 +54,7 @@
</v-navigation-drawer> </v-navigation-drawer>
<v-content class="mt-10"> <v-content class="mt-10">
<router-view class="pa-4 mt-10" /> <router-view class="pa-4 mt-10" :class="showMenu ? 'sidebar-router-padding-open' : 'sidebar-router-padding-close'"/>
</v-content> </v-content>
<FooterComponent /> <FooterComponent />
@ -129,6 +133,13 @@ export default {
background-color: #2c50da!important; background-color: #2c50da!important;
box-shadow: none !important; box-shadow: none !important;
} }
.sidebar-router-padding-open {
margin:68px 16px 16px 264px;
}
.sidebar-router-padding-close {
margin:68px 16px 16px 16px;
}
</style> </style>
<style lang="scss"> <style lang="scss">
</style> </style>