Fixed the embeded code responsiveness (#799)
Co-authored-by: Rotimi Best <best@classroomio.com>
This commit is contained in:
co-authored by
Rotimi Best
parent
4ad10a87bc
commit
88c4cf03b3
@@ -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}
|
||||
|
||||
+3
-3
@@ -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')}
|
||||
|
||||
Reference in New Issue
Block a user