mirror of https://github.com/usememos/memos
You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
31 lines
848 B
Plaintext
31 lines
848 B
Plaintext
@import "./mixin.less";
|
|
|
|
.sidebar-wrapper {
|
|
@apply fixed sm:sticky top-0 z-30 sm:z-0 -translate-x-64 sm:translate-x-0 sm:flex flex-col justify-start items-start w-64 h-screen py-4 pl-2 bg-white sm:bg-transparent overflow-x-hidden overflow-y-auto transition-transform duration-300 overscroll-contain;
|
|
.hide-scroll-bar();
|
|
|
|
&.show {
|
|
@apply translate-x-0 shadow-2xl sm:shadow-none;
|
|
}
|
|
|
|
> .action-btns-container {
|
|
@apply w-full px-2 my-2 flex flex-col justify-start items-start shrink-0;
|
|
|
|
> .action-btn {
|
|
@apply leading-10 px-4 rounded-lg text-base hover:bg-white;
|
|
|
|
> .icon {
|
|
@apply mr-1;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.mask {
|
|
@apply fixed top-0 left-0 w-screen h-screen bg-black opacity-0 transition-opacity duration-300 pointer-events-none z-20 sm:hidden;
|
|
|
|
&.show {
|
|
@apply opacity-60 pointer-events-auto;
|
|
}
|
|
}
|