fix bugs change theme model
This commit is contained in:
Tran Van Dung/(Tran Van Dung)/현장대리인/SK
parent
5abba695b2
commit
dc43264503
@ -322,74 +322,6 @@ a {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.router-tab {
|
|
||||||
.router-tab__header {
|
|
||||||
background-color: map-deep-get($config, #{$theme}, "router-header");
|
|
||||||
border-color: map-deep-get($config, #{$theme}, "router-header");
|
|
||||||
height: 46px;
|
|
||||||
z-index: 7;
|
|
||||||
max-width: calc(100vw - 290px);
|
|
||||||
}
|
|
||||||
|
|
||||||
.router-tab__container {
|
|
||||||
background-color: map-deep-get($config, #{$theme}, "router-container");
|
|
||||||
}
|
|
||||||
|
|
||||||
.router-tab__item {
|
|
||||||
background-color: map-deep-get($config, #{$theme}, "router-tab-item");
|
|
||||||
border-color: map-deep-get($config, #{$theme}, "router-tab-item");
|
|
||||||
color: map-deep-get($config, #{$theme}, "router-tab-item-color");
|
|
||||||
|
|
||||||
&:not(.is-active) {
|
|
||||||
&:hover {
|
|
||||||
&>span {
|
|
||||||
color: map-deep-get($config,
|
|
||||||
#{$theme},
|
|
||||||
"router-tab-item-hover-color"
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.v-icon {
|
|
||||||
color: map-deep-get($config, #{$theme}, "router-tab-item-icon-color");
|
|
||||||
}
|
|
||||||
|
|
||||||
&.is-active {
|
|
||||||
background-color: map-deep-get($config,
|
|
||||||
#{$theme},
|
|
||||||
"router-tab-item-active"
|
|
||||||
);
|
|
||||||
border-color: map-deep-get($config,
|
|
||||||
#{$theme},
|
|
||||||
"router-tab-item-active-color"
|
|
||||||
) !important;
|
|
||||||
color: map-deep-get($config,
|
|
||||||
#{$theme},
|
|
||||||
"router-tab-item-active-color"
|
|
||||||
);
|
|
||||||
|
|
||||||
.v-icon {
|
|
||||||
color: map-deep-get($config,
|
|
||||||
#{$theme},
|
|
||||||
"router-tab-item-icon-active-color"
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.router-tab__slot-end {
|
|
||||||
.v-btn {
|
|
||||||
background-color: map-deep-get($config,
|
|
||||||
#{$theme},
|
|
||||||
"router-tab-slot-end-button-backgroundColor"
|
|
||||||
);
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.border-bottom-1 {
|
.border-bottom-1 {
|
||||||
border-bottom: 1px solid map-deep-get($config, #{$theme}, "border-color");
|
border-bottom: 1px solid map-deep-get($config, #{$theme}, "border-color");
|
||||||
}
|
}
|
||||||
|
|||||||
@ -182,6 +182,7 @@
|
|||||||
height: calc(100vh - 110px);
|
height: calc(100vh - 110px);
|
||||||
max-height: calc(100vh - 115px);
|
max-height: calc(100vh - 115px);
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
|
background-color: transparent !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.router-tab__slot-end {
|
.router-tab__slot-end {
|
||||||
@ -436,6 +437,70 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.router-tab {
|
||||||
|
.router-tab__header {
|
||||||
|
background-color: map-deep-get($config, #{$theme}, "router-header");
|
||||||
|
border-color: map-deep-get($config, #{$theme}, "router-header");
|
||||||
|
height: 46px;
|
||||||
|
z-index: 7;
|
||||||
|
max-width: calc(100vw - 290px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.router-tab__item {
|
||||||
|
background-color: map-deep-get($config, #{$theme}, "router-tab-item");
|
||||||
|
border-color: map-deep-get($config, #{$theme}, "router-tab-item");
|
||||||
|
color: map-deep-get($config, #{$theme}, "router-tab-item-color");
|
||||||
|
|
||||||
|
&:not(.is-active) {
|
||||||
|
&:hover {
|
||||||
|
&>span {
|
||||||
|
color: map-deep-get($config,
|
||||||
|
#{$theme},
|
||||||
|
"router-tab-item-hover-color"
|
||||||
|
);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.v-icon {
|
||||||
|
color: map-deep-get($config, #{$theme}, "router-tab-item-icon-color");
|
||||||
|
}
|
||||||
|
|
||||||
|
&.is-active {
|
||||||
|
background-color: map-deep-get($config,
|
||||||
|
#{$theme},
|
||||||
|
"router-tab-item-active"
|
||||||
|
);
|
||||||
|
border-color: map-deep-get($config,
|
||||||
|
#{$theme},
|
||||||
|
"router-tab-item-active-color"
|
||||||
|
) !important;
|
||||||
|
color: map-deep-get($config,
|
||||||
|
#{$theme},
|
||||||
|
"router-tab-item-active-color"
|
||||||
|
);
|
||||||
|
|
||||||
|
.v-icon {
|
||||||
|
color: map-deep-get($config,
|
||||||
|
#{$theme},
|
||||||
|
"router-tab-item-icon-active-color"
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.router-tab__slot-end {
|
||||||
|
.v-btn {
|
||||||
|
background-color: map-deep-get($config,
|
||||||
|
#{$theme},
|
||||||
|
"router-tab-slot-end-button-backgroundColor"
|
||||||
|
);
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -149,151 +149,6 @@
|
|||||||
<v-icon size="20" class="ml-2" v-if="closable" @click.stop="onCloseTab(to)">mdi-close</v-icon>
|
<v-icon size="20" class="ml-2" v-if="closable" @click.stop="onCloseTab(to)">mdi-close</v-icon>
|
||||||
</template>
|
</template>
|
||||||
<template #end v-if="false">
|
<template #end v-if="false">
|
||||||
<v-menu offset-y>
|
|
||||||
<template v-slot:activator="{ on, attrs }">
|
|
||||||
<!-- <v-btn :ripple="false" tile class="btn-close" v-bind="attrs" v-on="on">
|
|
||||||
<span class="body-2">닫기</span>
|
|
||||||
<v-icon size="20">mdi-chevron-down</v-icon>
|
|
||||||
</v-btn> -->
|
|
||||||
<a-button style="width: 80px; height: 36px" class="btn-close">
|
|
||||||
<span class="body-2">닫기</span>
|
|
||||||
<v-icon size="20">mdi-chevron-down</v-icon></a-button>
|
|
||||||
</template>
|
|
||||||
<v-list class="py-2 btn-close-menu-list" >
|
|
||||||
<v-list-item class="px-2">
|
|
||||||
<v-list-item-title @click="delAllTabsData()" class="body-2">전체 닫기</v-list-item-title>
|
|
||||||
</v-list-item>
|
|
||||||
<v-list-item class="px-2">
|
|
||||||
<v-list-item-title @click="deleteSblingsTab()" class="body-2">나머지 닫기</v-list-item-title>
|
|
||||||
</v-list-item>
|
|
||||||
</v-list>
|
|
||||||
</v-menu>
|
|
||||||
<v-menu offset-y>
|
|
||||||
<template v-slot:activator="{ on, attrs }">
|
|
||||||
<!-- <v-btn
|
|
||||||
:ripple="false"
|
|
||||||
tile
|
|
||||||
class="btn-close"
|
|
||||||
v-bind="attrs"
|
|
||||||
v-on="on"
|
|
||||||
style="width: 100px"
|
|
||||||
>
|
|
||||||
<span class="body-2">즐겨찾기</span>
|
|
||||||
<v-icon size="20">mdi-chevron-down</v-icon>
|
|
||||||
</v-btn> -->
|
|
||||||
<a-button style="width: 100px; height: 36px" class="btn-close">
|
|
||||||
<span class="body-2">즐겨찾기</span>
|
|
||||||
<v-icon size="20">mdi-chevron-down</v-icon></a-button>
|
|
||||||
</template>
|
|
||||||
<v-list v-if="myMenuList.length > 0" class="py-2 btn-close-menu-list" >
|
|
||||||
<v-list-item v-for="item in myMenuList" :key="item.menuId" class="px-2" style="cursor: pointer">
|
|
||||||
<v-list-item-title @click="moveToMyMenu(item.url, item.menuId, item.prgmId)" class="body-2">{{
|
|
||||||
item.menuNm
|
|
||||||
}}</v-list-item-title>
|
|
||||||
</v-list-item>
|
|
||||||
</v-list>
|
|
||||||
</v-menu>
|
|
||||||
<a-button id="refresh" :style="{
|
|
||||||
padding: '0',
|
|
||||||
width: '36px',
|
|
||||||
height: '36px',
|
|
||||||
display: 'flex',
|
|
||||||
alignItems: 'center',
|
|
||||||
justifyContent: 'center',
|
|
||||||
borderRadius: '4px', // square corners
|
|
||||||
}" type="text" @click="removeBookMark" v-if="bookmarkBtn == 1">
|
|
||||||
<span class="material-icons" style="font-size: 17px; vertical-align: middle">star</span>
|
|
||||||
</a-button>
|
|
||||||
<a-button id="refresh" :style="{
|
|
||||||
padding: '0',
|
|
||||||
width: '36px',
|
|
||||||
height: '36px',
|
|
||||||
display: 'flex',
|
|
||||||
alignItems: 'center',
|
|
||||||
justifyContent: 'center',
|
|
||||||
borderRadius: '4px', // square corners
|
|
||||||
}" type="text" @click="addBookMark" v-if="bookmarkBtn == 0">
|
|
||||||
<span class="material-icons" style="font-size: 17px; vertical-align: middle">star_border</span>
|
|
||||||
</a-button>
|
|
||||||
<v-btn style="
|
|
||||||
background-color: white;
|
|
||||||
color: #fff;
|
|
||||||
border: 0.2px solid rgb(217, 217, 217);
|
|
||||||
" id="refresh" icon tile :ripple="false" @click="refreshTab()">
|
|
||||||
<v-icon style="color: rgba(0, 0, 0, 0.54)">mdi-refresh</v-icon>
|
|
||||||
</v-btn>
|
|
||||||
<v-btn style="
|
|
||||||
background-color: white;
|
|
||||||
color: #fff;
|
|
||||||
border: 0.2px solid rgb(217, 217, 217);
|
|
||||||
" icon tile :ripple="false" @click="toggle()">
|
|
||||||
<v-icon style="color: rgba(0, 0, 0, 0.54)" v-if="!fullscreen">mdi-arrow-expand-all</v-icon>
|
|
||||||
<v-icon style="color: rgba(0, 0, 0, 0.54)" v-else>mdi-arrow-collapse-all</v-icon>
|
|
||||||
</v-btn>
|
|
||||||
<!-- <v-btn
|
|
||||||
icon
|
|
||||||
tile
|
|
||||||
:ripple="false"
|
|
||||||
@click="removeBookMark()"
|
|
||||||
v-if="bookmarkBtn == 1"
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
class="material-icons"
|
|
||||||
style="font-size: 17px; vertical-align: middle"
|
|
||||||
>star</span
|
|
||||||
>
|
|
||||||
</v-btn> -->
|
|
||||||
<!-- <v-btn
|
|
||||||
icon
|
|
||||||
tile
|
|
||||||
:ripple="false"
|
|
||||||
@click="addBookMark()"
|
|
||||||
v-if="bookmarkBtn == 0"
|
|
||||||
>
|
|
||||||
<span
|
|
||||||
class="material-icons"
|
|
||||||
style="font-size: 17px; vertical-align: middle"
|
|
||||||
>star_border</span
|
|
||||||
>
|
|
||||||
</v-btn> -->
|
|
||||||
<!-- <a-button
|
|
||||||
id="refresh"
|
|
||||||
:style="{
|
|
||||||
padding: '0',
|
|
||||||
width: '36px',
|
|
||||||
height: '36px',
|
|
||||||
display: 'flex',
|
|
||||||
alignItems: 'center',
|
|
||||||
justifyContent: 'center',
|
|
||||||
borderRadius: '4px', // square corners
|
|
||||||
}"
|
|
||||||
type="text"
|
|
||||||
@click="refreshTab"
|
|
||||||
>
|
|
||||||
<v-icon >mdi-refresh</v-icon>
|
|
||||||
</a-button> -->
|
|
||||||
<!-- <a-button id="refresh" type="text" @click="setDrawer" class="icon-button">
|
|
||||||
<i class="mdi mdi-crop-free" style="font-size: 20px"></i>
|
|
||||||
</a-button>
|
|
||||||
<a-button type="text" @click="setDrawer" class="icon-button">
|
|
||||||
<i class="mdi mdi-crop-free" style="font-size: 20px"></i>
|
|
||||||
</a-button> -->
|
|
||||||
<!-- <a-button
|
|
||||||
:style="{
|
|
||||||
padding: '0',
|
|
||||||
width: '36px',
|
|
||||||
height: '36px',
|
|
||||||
display: 'flex',
|
|
||||||
alignItems: 'center',
|
|
||||||
justifyContent: 'center',
|
|
||||||
borderRadius: '4px', // square corners
|
|
||||||
}"
|
|
||||||
type="text"
|
|
||||||
@click="toggle"
|
|
||||||
>
|
|
||||||
<v-icon v-if="!fullscreen">mdi-arrow-expand-all</v-icon>
|
|
||||||
<v-icon v-else>mdi-arrow-collapse-all</v-icon>
|
|
||||||
</a-button> -->
|
|
||||||
</template>
|
</template>
|
||||||
</router-tab>
|
</router-tab>
|
||||||
</v-col>
|
</v-col>
|
||||||
|
|||||||
Reference in New Issue
Block a user