146 lines
2.5 KiB
SCSS
146 lines
2.5 KiB
SCSS
|
// @import "../../common/scss/customizations/my-variables";
|
||
|
|
|
||
|
|
.main-page__content {
|
||
|
|
height: calc(100dvh - 68px);
|
||
|
|
min-height: 20em;
|
||
|
|
margin-right: var(--sidebar-collapsed-width);
|
||
|
|
}
|
||
|
|
.color-1 {
|
||
|
|
color: #6f6f6f;
|
||
|
|
// border-style: dashed;
|
||
|
|
// border-color: #a5abac;
|
||
|
|
|
||
|
|
padding: 0.2em;
|
||
|
|
border-radius: 0.4em;
|
||
|
|
transition: all 0.2s;
|
||
|
|
|
||
|
|
&:hover {
|
||
|
|
// border-color: #555555;
|
||
|
|
// filter: brightness(0.8);
|
||
|
|
transform: scale(1.1);
|
||
|
|
transition: all 0.2s;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.fz-9 {
|
||
|
|
font-size: 0.9rem;
|
||
|
|
}
|
||
|
|
.fz-8 {
|
||
|
|
font-size: 0.8rem;
|
||
|
|
color: #a1a1a1;
|
||
|
|
}
|
||
|
|
.main {
|
||
|
|
max-width: 20em;
|
||
|
|
min-width: 18em;
|
||
|
|
width: 100%;
|
||
|
|
border-left: 1px solid #eee;
|
||
|
|
padding: 1em;
|
||
|
|
|
||
|
|
// position: static;
|
||
|
|
// flex: 1 1 100%;
|
||
|
|
// max-width: 25em;
|
||
|
|
// max-width: 20em;
|
||
|
|
// width: auto;
|
||
|
|
// min-width: 20em;
|
||
|
|
// overflow-y: auto;
|
||
|
|
// min-height: 100dvh;
|
||
|
|
// margin-right: 25px;
|
||
|
|
|
||
|
|
// &::before {
|
||
|
|
// content: "";
|
||
|
|
// height: 98%;
|
||
|
|
// border-left: solid $borderColor 1px;
|
||
|
|
// position: absolute;
|
||
|
|
// left: 0;
|
||
|
|
// }
|
||
|
|
}
|
||
|
|
.header-icon {
|
||
|
|
display: flex;
|
||
|
|
// top: 1rem;
|
||
|
|
// position: relative;
|
||
|
|
// right: 0.4rem;
|
||
|
|
// width: 159px;
|
||
|
|
// position: relative;
|
||
|
|
// &::before {
|
||
|
|
// content: "";
|
||
|
|
// width: 19.4rem;
|
||
|
|
// border-bottom: solid $borderColor 1px;
|
||
|
|
// position: absolute;
|
||
|
|
// bottom: 0;
|
||
|
|
// }
|
||
|
|
p {
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
a{
|
||
|
|
&:not([href]) {
|
||
|
|
cursor: pointer;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.combo {
|
||
|
|
border-radius: 0.5rem;
|
||
|
|
border-color: var(--color-8);
|
||
|
|
color: var(--color-2);
|
||
|
|
margin-right: 0.5rem;
|
||
|
|
}
|
||
|
|
.m-start {
|
||
|
|
margin-right: 1.5rem;
|
||
|
|
}
|
||
|
|
.menu-bar-content {
|
||
|
|
// @include border-left(1px, var(--color-8));
|
||
|
|
position: fixed;
|
||
|
|
right: 4em;
|
||
|
|
top: 4.3em;
|
||
|
|
width: 305px;
|
||
|
|
padding-top: 24px;
|
||
|
|
padding-right: 24px;
|
||
|
|
padding-left: 24px;
|
||
|
|
min-height: 100dvh;
|
||
|
|
overflow-y: auto;
|
||
|
|
&__edit-mark {
|
||
|
|
transition: all 0.3s ease;
|
||
|
|
margin-right: auto;
|
||
|
|
opacity: 0;
|
||
|
|
|
||
|
|
i {
|
||
|
|
// @include font-icon-background-color(
|
||
|
|
// -webkit-linear-gradient(#8fa4ab 0%, #bdc7d2 100%)
|
||
|
|
// );
|
||
|
|
font-size: 20px;
|
||
|
|
width: 30px;
|
||
|
|
}
|
||
|
|
&-container {
|
||
|
|
margin-right: auto;
|
||
|
|
background-color: none;
|
||
|
|
background: none;
|
||
|
|
border: none;
|
||
|
|
width: unset;
|
||
|
|
display: flex;
|
||
|
|
justify-content: flex-end;
|
||
|
|
outline: none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.cover-link {
|
||
|
|
position: absolute;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
z-index: 3;
|
||
|
|
}
|
||
|
|
.niafam-plus.close {
|
||
|
|
display: flex;
|
||
|
|
transform: rotate(45deg);
|
||
|
|
}
|
||
|
|
.plus-item {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
.v-select {
|
||
|
|
flex: 1;
|
||
|
|
&[dir="rtl"] .vs__deselect {
|
||
|
|
margin-right: 8px !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|