@functionalcms/svelte-components 4.9.5 → 4.9.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -2,16 +2,14 @@
|
|
|
2
2
|
import { cn } from '../../utils.js';
|
|
3
3
|
import type { Snippet } from 'svelte';
|
|
4
4
|
|
|
5
|
-
interface Css {
|
|
6
|
-
container: string;
|
|
7
|
-
left: string;
|
|
8
|
-
right: string;
|
|
9
|
-
}
|
|
5
|
+
interface Css {}
|
|
10
6
|
|
|
11
7
|
interface TwoColumnLayoutProps {
|
|
12
8
|
leftRender: Snippet;
|
|
13
9
|
rightRender: Snippet;
|
|
14
|
-
|
|
10
|
+
containerCss: string;
|
|
11
|
+
leftCss: string;
|
|
12
|
+
rightCss: string;
|
|
15
13
|
isFullWidth: boolean;
|
|
16
14
|
isFullHeight: boolean;
|
|
17
15
|
}
|
|
@@ -21,21 +19,24 @@
|
|
|
21
19
|
rightRender,
|
|
22
20
|
isFullWidth = true,
|
|
23
21
|
isFullHeight = true,
|
|
24
|
-
|
|
22
|
+
containerCss = '',
|
|
23
|
+
leftCss = 'w50p',
|
|
24
|
+
rightCss = 'w50p'
|
|
25
25
|
}: TwoColumnLayoutProps = $props();
|
|
26
26
|
|
|
27
|
-
let
|
|
28
|
-
'flex flex-row-dynamic',
|
|
29
|
-
isFullWidth ? 'fw' : '',
|
|
27
|
+
let containerCssEx = cn(
|
|
28
|
+
'flex flex-row-dynamic',
|
|
29
|
+
isFullWidth ? 'fw' : '',
|
|
30
30
|
isFullHeight ? 'fh' : '',
|
|
31
|
-
|
|
31
|
+
containerCss,
|
|
32
|
+
);
|
|
32
33
|
</script>
|
|
33
34
|
|
|
34
|
-
<section class=
|
|
35
|
-
<div class="left {
|
|
35
|
+
<section class={containerCssEx}>
|
|
36
|
+
<div class="left {leftCss}">
|
|
36
37
|
{@render leftRender()}
|
|
37
38
|
</div>
|
|
38
|
-
<div class="right {
|
|
39
|
+
<div class="right {rightCss}">
|
|
39
40
|
{@render rightRender()}
|
|
40
41
|
</div>
|
|
41
42
|
</section>
|
|
@@ -1,13 +1,10 @@
|
|
|
1
1
|
import type { Snippet } from 'svelte';
|
|
2
|
-
interface Css {
|
|
3
|
-
container: string;
|
|
4
|
-
left: string;
|
|
5
|
-
right: string;
|
|
6
|
-
}
|
|
7
2
|
interface TwoColumnLayoutProps {
|
|
8
3
|
leftRender: Snippet;
|
|
9
4
|
rightRender: Snippet;
|
|
10
|
-
|
|
5
|
+
containerCss: string;
|
|
6
|
+
leftCss: string;
|
|
7
|
+
rightCss: string;
|
|
11
8
|
isFullWidth: boolean;
|
|
12
9
|
isFullHeight: boolean;
|
|
13
10
|
}
|