Fixed the embeded code responsiveness (#799)

Co-authored-by: Rotimi Best <[email protected]>
This commit is contained in:
Victor Jack
2026-07-31 00:11:25 +01:00
committed by GitHub
co-authored by Rotimi Best
parent 4ad10a87bc
commit 88c4cf03b3
2 changed files with 5 additions and 5 deletions
@@ -150,7 +150,7 @@
{/if}
</Sidebar.Header>
<Sidebar.Content class="flex-1 overflow-y-auto">
<Sidebar.Content class="min-w-0 flex-1 overflow-x-hidden overflow-y-auto">
{#if !$landingPageEditorSelection}
<Sidebar.Group>
<Sidebar.GroupLabel class="px-2">
@@ -176,7 +176,7 @@
</Sidebar.Group>
{:else if selectedSectionDefinition}
{@const SectionComponent = selectedSectionDefinition.component}
<div class="p-4">
<div class="min-w-0 overflow-x-hidden p-4">
<SectionComponent bind:settings {markDirty} />
</div>
{/if}
@@ -77,7 +77,7 @@
}
</script>
<Field.Group class="space-y-6">
<Field.Group class="min-w-0 space-y-6 overflow-x-hidden">
<Field.Set>
<Field.Legend>{$t('settings.landing_page.editor.sections.embed')}</Field.Legend>
@@ -112,7 +112,7 @@
/>
</div>
<Textarea
class="ui:[field-sizing:fixed] ui:min-w-0 ui:w-full ui:max-w-full ui:box-border ui:resize-y"
class="ui:[field-sizing:fixed] ui:min-w-0 ui:w-full ui:max-w-full ui:box-border ui:resize-y ui:break-all ui:overflow-x-auto"
value={settings.embed.description ?? ''}
placeholder={$t('settings.landing_page.editor.embed.description_placeholder')}
oninput={(event) => setter(event.currentTarget.value, 'embed.description')}
@@ -123,7 +123,7 @@
<Field.Label>{$t('settings.landing_page.editor.embed.code')}</Field.Label>
<Field.Description>{$t('settings.landing_page.editor.embed.code_description')}</Field.Description>
<Textarea
class="ui:[field-sizing:fixed] ui:min-w-0 ui:w-full ui:max-w-full ui:box-border ui:resize-y"
class="ui:[field-sizing:fixed] ui:min-w-0 ui:w-full ui:max-w-full ui:box-border ui:resize-y ui:break-all ui:overflow-x-auto"
value={settings.embed.code}
placeholder={$t('settings.landing_page.editor.embed.code_placeholder')}
oninput={(event) => setter(event.currentTarget.value, 'embed.code')}