diff --git a/src/lib/components/admin/ProjectForm.svelte b/src/lib/components/admin/ProjectForm.svelte index e188813..d6452cf 100644 --- a/src/lib/components/admin/ProjectForm.svelte +++ b/src/lib/components/admin/ProjectForm.svelte @@ -413,12 +413,13 @@ } .panel-case-study { - background: white; + background: transparent; padding: 0; min-height: 80vh; - margin: 0 auto; + margin: 0; display: flex; flex-direction: column; + width: 100%; @include breakpoint('phone') { min-height: 600px; diff --git a/src/lib/components/admin/composer/ComposerCore.svelte b/src/lib/components/admin/composer/ComposerCore.svelte index d775906..e7e4108 100644 --- a/src/lib/components/admin/composer/ComposerCore.svelte +++ b/src/lib/components/admin/composer/ComposerCore.svelte @@ -353,7 +353,7 @@ .edra-editor { flex: 1; width: 100%; - padding: $unit-2x; + padding: $unit-4x; min-height: 100px; outline: none; overflow-y: auto; @@ -361,6 +361,15 @@ &.with-toolbar { border-top: none; } + + // More generous padding for full variant + .composer--full & { + padding: $unit-4x $unit-6x; + + @include breakpoint('phone') { + padding: $unit-3x $unit-4x; + } + } } .edra-loading { @@ -390,9 +399,7 @@ } .composer--full { - background: $white; - border: 1px solid $gray-85; - border-radius: $corner-radius; + background: transparent; overflow: hidden; } \ No newline at end of file diff --git a/src/lib/components/admin/composer/ComposerToolbar.svelte b/src/lib/components/admin/composer/ComposerToolbar.svelte index 4f349b4..ffa8a55 100644 --- a/src/lib/components/admin/composer/ComposerToolbar.svelte +++ b/src/lib/components/admin/composer/ComposerToolbar.svelte @@ -162,8 +162,12 @@ display: flex; align-items: center; gap: 4px; - padding: 0 $unit-2x; + padding: 0 $unit-6x; flex-wrap: wrap; + + @include breakpoint('phone') { + padding: 0 $unit-4x; + } } .text-style-dropdown {