2021-05-01 23:10:28 +08:00
|
|
|
.page {
|
|
|
|
@apply flex;
|
|
|
|
}
|
|
|
|
.sidebar {
|
2021-07-15 21:08:33 +08:00
|
|
|
@apply w-full md:w-64 sm:w-32 flex-none;
|
2021-05-02 10:42:38 +08:00
|
|
|
}
|
|
|
|
.primary {
|
2021-07-15 21:08:33 +08:00
|
|
|
@apply flex-auto w-screen min-w-0;
|
2021-05-02 10:42:38 +08:00
|
|
|
@apply bg-gray-100 text-gray-700;
|
2021-05-02 13:05:12 +08:00
|
|
|
:global(.dark) & {
|
|
|
|
@apply bg-gray-700 text-gray-300;
|
|
|
|
}
|
2021-05-02 10:42:38 +08:00
|
|
|
.wrapper {
|
2021-05-02 20:25:25 +08:00
|
|
|
@apply mx-auto max-w-screen-lg;
|
2021-05-02 10:42:38 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
.pageHeader {
|
|
|
|
@apply p-3 bg-gray-50 flex justify-between;
|
2021-05-02 13:05:12 +08:00
|
|
|
|
|
|
|
:global(.dark) & {
|
|
|
|
@apply bg-gray-800;
|
|
|
|
}
|
2021-07-15 21:08:33 +08:00
|
|
|
}
|
|
|
|
.headerBtn {
|
|
|
|
@apply sm:hidden text-green-400;
|
|
|
|
@apply w-4 h-4 p-0 focus:outline-none;
|
|
|
|
|
|
|
|
&.opened {
|
|
|
|
@apply text-white;
|
|
|
|
}
|
|
|
|
|
|
|
|
& > * {
|
|
|
|
@apply absolute;
|
|
|
|
}
|
2021-05-01 23:10:28 +08:00
|
|
|
}
|