diff --git a/frontend/styles/extensions/editor.css b/frontend/styles/extensions/editor.css index 6d43fd9..42c5cd3 100644 --- a/frontend/styles/extensions/editor.css +++ b/frontend/styles/extensions/editor.css @@ -1,4 +1,4 @@ -body:has(#ext\/editor) > header { +body:has(#ext\/editor) > nav { @apply hidden; } @@ -7,7 +7,7 @@ body:has(#ext\/editor) > header { } #ext\/editor #form { - @apply relative flex h-full w-full flex-col; + @apply relative flex h-screen w-full flex-col; .navbar { @apply sticky top-0 flex items-center justify-between gap-x-4 px-8 py-2; @@ -19,20 +19,19 @@ body:has(#ext\/editor) > header { } .split { - @apply grid min-h-screen w-full; + @apply grid min-h-0 w-full flex-1; grid-template-columns: 1fr 1fr 1fr 1fr; - grid-template-rows: auto; + grid-template-rows: 1fr; .center { - @apply col-span-3 pt-4; - @apply flex w-full justify-center; + @apply col-span-3 overflow-y-auto; .editor { - @apply w-full max-w-3xl overflow-y-auto; + @apply mx-auto w-full max-w-3xl; } } .sidebar { - @apply col-span-1 px-4 pt-4; + @apply col-span-1 overflow-y-auto px-4 pt-4; @apply border-lsd-white/10 border-l; } } @@ -40,7 +39,7 @@ body:has(#ext\/editor) > header { #ext\/editor .editor { #actions { - @apply bg-lsd-black sticky top-0 mt-4 py-2.5; + @apply bg-lsd-black sticky top-0 pt-4 pb-2.5; @apply flex items-center gap-2.5; button { @@ -53,7 +52,7 @@ body:has(#ext\/editor) > header { } #content { @apply text-lg leading-relaxed; - @apply bg-lsd-white/5 grow overflow-y-auto p-8 focus:outline-none; + @apply bg-lsd-white/5 p-8 focus:outline-none; @apply mt-4; a { @apply decoration-lsd-blue underline; diff --git a/frontend/styles/main.css b/frontend/styles/main.css index 893a8bd..aa73df3 100644 --- a/frontend/styles/main.css +++ b/frontend/styles/main.css @@ -30,7 +30,6 @@ @import "./lists/list.css"; @import "./lists/edit.css"; /* Posts */ -@import "./posts/edit.css"; @import "./posts/list.css"; @import "./posts/send.css"; @import "./posts/view.css"; diff --git a/frontend/styles/posts/edit.css b/frontend/styles/posts/edit.css deleted file mode 100644 index a930123..0000000 --- a/frontend/styles/posts/edit.css +++ /dev/null @@ -1,87 +0,0 @@ -body:has(#posts\/edit) > header { - @apply hidden; -} - -#posts\/edit { - @apply w-full; -} - -#posts\/edit .editor { - @apply relative grid h-screen w-full; - grid-template-columns: 1fr 1fr 1fr auto; - - .navbar { - @apply sticky top-0 col-span-4 flex items-center py-2; - @apply border-lsd-white/10 gap-x-4 border-b px-8; - } - - .navbar .save { - @apply ml-auto flex items-center gap-x-4; - } - - .sidebar { - @apply sticky col-span-1 h-full w-full min-w-sm px-4 py-4; - @apply border-lsd-white/10 border-l; - } - - .content { - @apply col-span-3 w-full overflow-y-auto px-8; - } - - .content .pell-wrapper { - @apply min-h-screen w-full; - @apply flex flex-col items-center; - } -} - -#posts\/edit .editor .content .pell { - @apply relative w-full max-w-3xl overflow-visible; - padding-bottom: 50%; - - .pell-actionbar { - @apply bg-lsd-black sticky top-0 mt-4 py-2.5; - @apply flex items-center gap-2.5; - - .pell-button { - @apply bg-lsd-white/10 hover:bg-lsd-white/20 h-8 w-10 p-1; - } - - .pell-button-selected { - @apply bg-lsd-white/20; - } - - #status { - @apply ml-auto text-sm; - @apply before:mr-1.5 before:content-["•"]; - } - - #status.unsaved { - @apply text-amber-400; - } - - #status.error { - @apply text-red-500; - } - } - - .pell-content { - @apply text-lg leading-relaxed; - @apply bg-lsd-white/5 grow overflow-y-auto p-8 focus:outline-none; - @apply mt-4; - a { - @apply decoration-lsd-blue underline; - } - } -} - -#posts\/edit .editor .content .resize { - @apply absolute top-0 bottom-0 z-50 w-4 cursor-ew-resize bg-transparent; - - &.left { - @apply left-0; - } - - &.right { - @apply right-0; - } -}