diff --git a/resources/css/components/content-wrapper.css b/resources/css/components/content-wrapper.css index afb2d14..0086544 100644 --- a/resources/css/components/content-wrapper.css +++ b/resources/css/components/content-wrapper.css @@ -1,6 +1,6 @@ .content-wrapper { - @apply max-w-screen-2xl w-full px-8; - @apply mx-auto grid gap-12 lg:py-12 py-6 items-start; + @apply max-w-screen-2xl w-full px-6 md:px-8; + @apply mx-auto grid gap-12 lg:py-12 py-6 items-start; grid-template-columns: 1fr 2fr; diff --git a/resources/css/components/post-toolbar.css b/resources/css/components/post-toolbar.css index d8f395e..dca5655 100644 --- a/resources/css/components/post-toolbar.css +++ b/resources/css/components/post-toolbar.css @@ -1,11 +1,15 @@ #post-toolbar { @apply max-w-screen-2xl mx-auto; + + &:has(.toolbar-actions) { + @apply mb-24 md:mb-0; + } } .toolbar-actions { @apply flex items-center gap-3 ml-auto; @media screen and (max-width: 1024px) { - @apply absolute left-0 translate-y-full; + @apply absolute left-0 translate-y-full pt-2; bottom: -20px; } } diff --git a/resources/css/layout/gutenberg.css b/resources/css/layout/gutenberg.css index 44b780a..eb04995 100644 --- a/resources/css/layout/gutenberg.css +++ b/resources/css/layout/gutenberg.css @@ -8,6 +8,10 @@ article > *:not(.entry-content), @apply px-4; } +.content-wrapper .entry-content { + @apply px-0; +} + .entry-content, .block-editor-block-list__layout { h1 {