fix bugs css menu
This commit is contained in:
Tran Van Dung/(Tran Van Dung)/현장대리인/SK
parent
68f3f0f381
commit
de99b30485
@ -90,8 +90,14 @@
|
||||
<v-container fluid>
|
||||
<v-row class="flex-nowrap">
|
||||
<div class="menu-container">
|
||||
<v-navigation-drawer ref="navigationdrawer" :value="drawer" :mini-variant="miniVariant" :clipped="clipped"
|
||||
:absolute="false" mini-variant-width="60">
|
||||
<v-navigation-drawer ref="navigationdrawer"
|
||||
class="pt-2"
|
||||
:clipped="clipped"
|
||||
:absolute="false"
|
||||
:mini-variant="miniVariant"
|
||||
:value="drawer"
|
||||
mini-variant-width="260"
|
||||
>
|
||||
|
||||
<component ref="changePswdPop" :is="'ChangePswdPop'" v-show="false" :comId="this.userInfo.comId" />
|
||||
<v-treeview ref="treeview" :active.sync="activeTree" active-class="v-treeview-node--active"
|
||||
@ -839,168 +845,6 @@ export default {
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
// @import '@/assets/scss/common.scss';
|
||||
.loading {
|
||||
z-index: 99;
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
transform: translate(-50%, -50%);
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
//box-shadow: rgba(68, 67, 67, 0.9) 0 0 0 9999px;
|
||||
}
|
||||
@import '@/assets/scss/layout.scss';
|
||||
|
||||
.v-spinner {
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
}
|
||||
|
||||
// @each $theme in dark, light {
|
||||
// @include theme($theme);
|
||||
// .v-application.#{$theme}-mode {
|
||||
// ::v-deep {
|
||||
|
||||
// .v-treeview {
|
||||
// .v-treeview-node+.v-treeview-node {
|
||||
// margin-top: 2px;
|
||||
// }
|
||||
|
||||
// .v-treeview-node__root+.v-treeview-node__children {
|
||||
// margin-top: 2px;
|
||||
// }
|
||||
|
||||
// &>.v-treeview-node {
|
||||
// .v-treeview-node__root {
|
||||
// border-radius: 8px;
|
||||
// &:hover {
|
||||
// background-color: map-deep-get($config, #{$theme}, "v-calendar-weekday-border-color" );
|
||||
// }
|
||||
// .v-treeview-node__content {
|
||||
// .v-icon,
|
||||
// .v-treeview-node__label {
|
||||
// color: map-deep-get($config, #{$theme}, "tui-grid-title-color");
|
||||
// }
|
||||
|
||||
// .anticon.anticon-down {
|
||||
// color: map-deep-get($config, #{$theme}, "icon-datepicker-color");
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// &[aria-expanded="true"]{
|
||||
// // Level 1
|
||||
// &>.v-treeview-node__root {
|
||||
// background-color: map-deep-get($config, #{$theme}, "v-treeview-node-label-active-bg" );
|
||||
// border: 1px solid map-deep-get($config, #{$theme}, "v-treeview-node-label-active-border" );
|
||||
// color: map-deep-get($config, #{$theme}, "v-treeview-node-label-active-border");
|
||||
|
||||
// &:before {
|
||||
// background-color: map-deep-get($config, #{$theme}, "v-treeview-node-subroot-backgroundColor");
|
||||
// }
|
||||
|
||||
// .v-treeview-node__content {
|
||||
// .v-treeview-node__label {
|
||||
// color: map-deep-get($config, #{$theme}, "v-treeview-node-label-active-border");
|
||||
// }
|
||||
|
||||
// .v-icon:first-child,
|
||||
// .v-icon:first-child::before,
|
||||
// .anticon.anticon-down {
|
||||
// color: map-deep-get($config, #{$theme}, "v-treeview-node-label-active-border" );
|
||||
// }
|
||||
|
||||
// }
|
||||
// }
|
||||
|
||||
// &>.v-treeview-node__children {
|
||||
// // Level 2
|
||||
// .v-treeview-node__root {
|
||||
// color: map-deep-get($config, #{$theme}, "v-treeview-node-root-label-color");
|
||||
|
||||
// &:hover {
|
||||
// background-color: map-deep-get($config, #{$theme}, "v-calendar-weekday-backgroundColor");
|
||||
// }
|
||||
|
||||
// .v-treeview-node__content {
|
||||
// .v-icon,
|
||||
// .v-icon::before {
|
||||
// color: map-deep-get($config, #{$theme}, "icon-datepicker-color");
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// &>[aria-expanded="true"] >.v-treeview-node__root,
|
||||
// .v-treeview-node__root.v-treeview-node--active {
|
||||
// background-color: map-deep-get($config, #{$theme}, "v-calendar-day-in-not-month-color" );
|
||||
// .v-treeview-node__content {
|
||||
// .v-treeview-node__label {
|
||||
// color: map-deep-get($config, #{$theme}, "card-title-color");
|
||||
// }
|
||||
|
||||
// .v-icon,
|
||||
// .v-icon::before,
|
||||
// .anticon.anticon-down {
|
||||
// color: map-deep-get($config, #{$theme}, "v-treeview-node-label-active-border" );
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// // Level 3
|
||||
// .v-treeview-node__children {
|
||||
// .v-treeview-node {
|
||||
// >.v-treeview-node__root {
|
||||
// .v-treeview-node__content {
|
||||
// .v-treeview-node__label {
|
||||
// color: map-deep-get($config, #{$theme}, "card-default-color");
|
||||
// }
|
||||
// }
|
||||
|
||||
// *:hover,
|
||||
// :hover {
|
||||
// border-width: 0;
|
||||
// }
|
||||
|
||||
// &:hover {
|
||||
// border: 1px solid map-deep-get($config, #{$theme}, "v-input-textarea-border");
|
||||
// border-radius: 8px;
|
||||
// background-color: rgba(0, 0, 0, 0);
|
||||
// .v-treeview-node__content {
|
||||
// .v-treeview-node__label {
|
||||
// color: map-deep-get($config, #{$theme}, "tui-grid-title-color");
|
||||
// }
|
||||
// }
|
||||
|
||||
// }
|
||||
|
||||
// &.v-treeview-node--active {
|
||||
// // color: map-deep-get($config, #{$theme}, "card-title-color");
|
||||
// background-color: rgba(0, 0, 0, 0);
|
||||
// .v-treeview-node__content {
|
||||
// .v-treeview-node__label {
|
||||
// color: map-deep-get($config, #{$theme}, "tui-grid-title-color");
|
||||
// }
|
||||
|
||||
// .v-icon,
|
||||
// .v-icon::before,
|
||||
// .anticon {
|
||||
// color: map-deep-get($config, #{$theme}, "v-treeview-node-label-active-border" );
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// }
|
||||
// }
|
||||
|
||||
// }
|
||||
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
|
||||
// }
|
||||
// }
|
||||
// }
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user