Enforce consistent formatting in webapp source
This commit is contained in:
@@ -1,15 +1,14 @@
|
||||
<script lang="ts">
|
||||
import { Separator } from '$lib/components/ui/separator'
|
||||
import PreviewSection from './preview/PreviewSection.svelte'
|
||||
import ControlsSection from './controls/ControlsSection.svelte'
|
||||
|
||||
import { MediaQuery } from 'svelte/reactivity'
|
||||
import ControlsSection from './controls/ControlsSection.svelte'
|
||||
import PreviewSection from './preview/PreviewSection.svelte'
|
||||
|
||||
const mediaLg = new MediaQuery('min-width: 1024px')
|
||||
const separatorOrientation = $derived(mediaLg.current ? 'vertical' : 'horizontal')
|
||||
</script>
|
||||
|
||||
<div class="grow flex flex-col lg:flex-row gap-4">
|
||||
<div class="flex grow flex-col gap-4 lg:flex-row">
|
||||
<PreviewSection />
|
||||
|
||||
<Separator decorative orientation={separatorOrientation} />
|
||||
|
||||
Reference in New Issue
Block a user