54 lines
1.7 KiB
Plaintext
54 lines
1.7 KiB
Plaintext
.page-wrapper.explore {
|
|
@apply w-full h-full overflow-y-auto overflow-x-hidden bg-zinc-100 dark:bg-zinc-800;
|
|
|
|
> .page-container {
|
|
@apply relative w-full min-h-full mx-auto flex flex-col justify-start items-center pb-8;
|
|
|
|
> .page-header {
|
|
@apply sticky top-0 z-10 max-w-2xl w-full h-auto flex flex-row justify-between backdrop-blur-sm items-center px-4 sm:pr-6 pt-6 mb-2 ml-calc;
|
|
|
|
> .title-container {
|
|
@apply flex flex-row justify-start items-center;
|
|
|
|
> .logo-img {
|
|
@apply h-12 w-auto rounded-md mr-2;
|
|
}
|
|
|
|
> .title-text {
|
|
@apply text-xl sm:text-4xl text-gray-700 dark:text-gray-200;
|
|
}
|
|
}
|
|
}
|
|
|
|
> .memos-wrapper {
|
|
@apply relative flex-grow max-w-2xl w-full h-auto flex flex-col justify-start items-start px-4 sm:pr-6 ml-calc;
|
|
|
|
> .memo-container {
|
|
@apply relative flex flex-col justify-start items-start w-full p-4 mt-2 bg-white dark:bg-zinc-700 rounded-lg border border-white dark:border-zinc-800 hover:border-gray-200 dark:hover:border-zinc-600;
|
|
|
|
&.pinned {
|
|
@apply border-gray-200 border-2 dark:border-zinc-600;
|
|
}
|
|
|
|
> .corner-container {
|
|
@apply absolute top-0 right-0 z-1;
|
|
|
|
&::after {
|
|
@apply rounded-tr-md absolute top-0 right-0 border-transparent border-t-green-600 border-r-green-600;
|
|
content: "";
|
|
border-width: 6px;
|
|
}
|
|
}
|
|
|
|
> .memo-header {
|
|
@apply mb-2 w-full flex flex-row justify-start items-center text-sm text-gray-400;
|
|
|
|
> .name-text {
|
|
@apply ml-2 hover:text-green-600 hover:underline;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|