File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
.admin-wrap {
background-color: #eaeff4;
display: grid;
grid-template-columns: clamp(260px, 16vw, 450px) minmax(1020px, 1fr);
grid-template-rows: auto minmax(860px, auto);
grid-template-areas:
"sidebar header "
"sidebar main ";
height: 100%;
font-size: 1.8rem;
.admin-header {
grid-area: header;
border-bottom: 1px solid var(--tk-gray-30);
.top-menu ul {
@include flex-layout(flex, center, space-between);
li {
cursor: pointer;
padding: 1rem 2rem;
}
li.main-active {
border-bottom: 3px solid var(--tk-gray-70);;
// @include radius(25);
font-weight: 700;
}
}
}
.sub-menu {
grid-area: sidebar;
height: 100%;
background-color: #f7f9fb;
border-right: 1px solid var(--tk-gray-30);
overflow-y: auto;
.logo{
padding: 5rem 3rem;
text-align: center;
}
.info-wrap {
padding: 0 3rem;
.info {
padding: 1.5rem;
background-color: var(--tk-gray-80);
color: #ffffff;
text-align: center;
border-radius: var(--tk-rd-12);
>p {
margin-bottom: 1rem;
}
button {
padding: 0 1rem;
font-size: 1.4rem;
}
>button:nth-of-type(1) {
border-right: 1px solid var(--tk-white);
}
}
}
ul {
padding: 5rem 0;
li {
cursor: pointer;
padding: 1rem 2rem;
}
li.sub-active {
background-color: var(--tk-primary);
color: var(--tk-white);
font-weight: 700;
}
}
}
.main-wrap {
grid-area: main;
width: 100%;
height: 100%
}
}