optrader/shoptime
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

TabLayout 영역 임시 제거

Browse Source
This commit is contained in:
jangheon Pyo
2024-01-26 14:05:33 +09:00
parent 99de2dea2e
commit 7009567824
1 changed files with 73 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

146
com.twin.app.shoptime/src/components/TabLayout/TabLayout.module.less
View File

@@ -1,82 +1,82 @@
.tabLayoutWrap{ .tabLayoutWrap {
width:100%; // width:100%;
height:100%; height: 100%;
position:absolute; position: absolute;
left:0; left: 0;
top:0; top: 0;
display:flex; display: flex;
} }
.expandedRootContainer { .expandedRootContainer {
position: absolute; position: absolute;
display: flex; display: flex;
width: 100%; width: 100%;
height: 100%; height: 100%;
top: 0; top: 0;
left: 0; left: 0;
z-index: 1; z-index: 1;
&.hide {
width: auto;
z-index: 0;
}
}
.tabWrap {
width: 120px;height:100%;
//position:fixed;
left:0;
top:0;
background-color: #222222;
display: flex; &.hide {
flex-direction: column; width: auto;
justify-content: center; z-index: 0;
// padding-top: 104px;
// padding-bottom: 104px;
z-index: 1;
flex-grow: 0;
transition: width 0.5s ease;
&.expanded {
width: 402px;
}
&.secondDepthLayout {
width: 386px;
height: calc(100%);
opacity: 0.95;
box-shadow: 8px 0 36px rgba(33, 33, 32, 0.08);
padding-bottom: unset;
justify-content: flex-start;
left:402px;
}
&.extraArea {
flex-grow: 1;
background-color: rgba(0, 0, 0, 0);
transition: initial;
}
&.hide {
width: 0;
}
} }
}
.logo {
width: 54px; .tabWrap {
width: 120px;
height: 100%;
//position:fixed;
left: 0;
top: 0;
background-color: #222222;
display: flex;
flex-direction: column;
justify-content: center;
// padding-top: 104px;
// padding-bottom: 104px;
z-index: 1;
flex-grow: 0;
transition: width 0.5s ease;
&.expanded {
width: 402px;
}
&.secondDepthLayout {
width: 386px;
height: calc(100%);
opacity: 0.95;
box-shadow: 8px 0 36px rgba(33, 33, 32, 0.08);
padding-bottom: unset;
justify-content: flex-start;
left: 402px;
}
&.extraArea {
flex-grow: 1;
background-color: rgba(0, 0, 0, 0);
transition: initial;
}
&.hide {
width: 0;
}
}
.logo {
width: 54px;
height: 54px;
margin: 0 0 84px 42px;
transition: width 0.5s ease;
overflow: hidden;
&.expanded {
width: 234px;
height: 54px; height: 54px;
margin:0 0 84px 42px; > img {
transition: width 0.5s ease;
overflow:hidden;
&.expanded {
width: 234px; width: 234px;
height: 54px; height: 54px;
> img{
width:234px;
height:54px;
}
}
> img{
width:54px;
height:54px;
} }
} }
> img {
width: 54px;
height: 54px;
}
}