.fyui-mask.fyui-mask_hidden {
|
opacity: 0;
|
transform: scale3d(1, 1, 0)
|
}
|
|
.fyui-mask {
|
opacity: 1;
|
transform: scale3d(1, 1, 1);
|
transition: all .3s
|
}
|
|
.fyui-sidebar {
|
position: fixed;
|
left: 0;
|
top: 0;
|
-webkit-transform: translateX(-100%);
|
transform: translateX(-100%);
|
-webkit-backface-visibility: hidden;
|
backface-visibility: hidden;
|
z-index: 5000;
|
/* min-width: 60%; */
|
height: 100%;
|
background-color: var(--fyui-BG_1);
|
-webkit-transition: -webkit-transform .3s;
|
transition: -webkit-transform .3s;
|
transition: transform .3s;
|
transition: transform .3s, -webkit-transform .3s;
|
border-bottom-right-radius: 12px;
|
border-top-right-radius: 12px;
|
overflow: hidden;
|
/* background-color: rgb(136, 136, 136); */
|
display: flex;
|
}
|
|
.fyui-sidebar_toggle {
|
-webkit-transform: translate(0);
|
transform: translate(0)
|
}
|
.fyui-sidebar__menu {
|
font-size: 14px;
|
border-right: 1px solid var(--fyui-text-color_3);
|
}
|
|
.fyui-sidebar__menu>view{
|
/* width: 20%; */
|
text-align: center;
|
padding: 8px 16px;
|
overflow: hidden;
|
overflow-y: auto;
|
}
|
.fyui-sidebar__content {
|
position: relative;
|
display: block;
|
font-size: 14px;
|
}
|
|
.fyui-sidebar__content>view{
|
display: block;
|
width: 100%;
|
/* text-align: center; */
|
padding: 8px 16px;
|
margin-right: 40px;
|
/* background-color: teal; */
|
}
|
|
.selected {
|
background-color: #1cebc5;
|
color: white;
|
}
|
|
.fyui-sidebar__check {
|
background-color: var(--fyui-BG_1);
|
display: flex;
|
flex-direction: column;
|
padding-bottom: 40px;
|
padding-bottom: calc(40px + constant(safe-area-inset-bottom));
|
padding-bottom: calc(40px + env(safe-area-inset-bottom));
|
z-index: 6000;
|
}
|
|
.fyui-sidebar__check>mp-icon {
|
background-color: #1cebc5;
|
margin-bottom: 8px;
|
border-radius: 50%;
|
padding: 16px;
|
}
|
|
.submit_cancel {
|
background: linear-gradient(to right, #b3b3b3, #b3b3b3);
|
}
|
