Fixed the embeded code responsiveness (#799)
Co-authored-by: Rotimi Best <[email protected]>
This commit is contained in:
co-authored by
Rotimi Best
parent
4ad10a87bc
commit
88c4cf03b3
@@ -150,7 +150,7 @@
|
|||||||
{/if}
|
{/if}
|
||||||
</Sidebar.Header>
|
</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}
|
{#if !$landingPageEditorSelection}
|
||||||
<Sidebar.Group>
|
<Sidebar.Group>
|
||||||
<Sidebar.GroupLabel class="px-2">
|
<Sidebar.GroupLabel class="px-2">
|
||||||
@@ -176,7 +176,7 @@
|
|||||||
</Sidebar.Group>
|
</Sidebar.Group>
|
||||||
{:else if selectedSectionDefinition}
|
{:else if selectedSectionDefinition}
|
||||||
{@const SectionComponent = selectedSectionDefinition.component}
|
{@const SectionComponent = selectedSectionDefinition.component}
|
||||||
<div class="p-4">
|
<div class="min-w-0 overflow-x-hidden p-4">
|
||||||
<SectionComponent bind:settings {markDirty} />
|
<SectionComponent bind:settings {markDirty} />
|
||||||
</div>
|
</div>
|
||||||
{/if}
|
{/if}
|
||||||
|
|||||||
+3
-3
@@ -77,7 +77,7 @@
|
|||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<Field.Group class="space-y-6">
|
<Field.Group class="min-w-0 space-y-6 overflow-x-hidden">
|
||||||
<Field.Set>
|
<Field.Set>
|
||||||
<Field.Legend>{$t('settings.landing_page.editor.sections.embed')}</Field.Legend>
|
<Field.Legend>{$t('settings.landing_page.editor.sections.embed')}</Field.Legend>
|
||||||
|
|
||||||
@@ -112,7 +112,7 @@
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<Textarea
|
<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 ?? ''}
|
value={settings.embed.description ?? ''}
|
||||||
placeholder={$t('settings.landing_page.editor.embed.description_placeholder')}
|
placeholder={$t('settings.landing_page.editor.embed.description_placeholder')}
|
||||||
oninput={(event) => setter(event.currentTarget.value, 'embed.description')}
|
oninput={(event) => setter(event.currentTarget.value, 'embed.description')}
|
||||||
@@ -123,7 +123,7 @@
|
|||||||
<Field.Label>{$t('settings.landing_page.editor.embed.code')}</Field.Label>
|
<Field.Label>{$t('settings.landing_page.editor.embed.code')}</Field.Label>
|
||||||
<Field.Description>{$t('settings.landing_page.editor.embed.code_description')}</Field.Description>
|
<Field.Description>{$t('settings.landing_page.editor.embed.code_description')}</Field.Description>
|
||||||
<Textarea
|
<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}
|
value={settings.embed.code}
|
||||||
placeholder={$t('settings.landing_page.editor.embed.code_placeholder')}
|
placeholder={$t('settings.landing_page.editor.embed.code_placeholder')}
|
||||||
oninput={(event) => setter(event.currentTarget.value, 'embed.code')}
|
oninput={(event) => setter(event.currentTarget.value, 'embed.code')}
|
||||||
|
|||||||
Reference in New Issue
Block a user