diff --git a/src/app.html b/src/app.html index 9e6d331..8a81f56 100644 --- a/src/app.html +++ b/src/app.html @@ -1,19 +1,31 @@ - + - - - + + + - - - - - %sveltekit.head% + + + + + %sveltekit.head% - - - -
%sveltekit.body%
- + + + + +
%sveltekit.body%
+ diff --git a/src/lib/components/Cards/Card.svelte b/src/lib/components/Cards/Card.svelte index 0955917..4f6fe79 100644 --- a/src/lib/components/Cards/Card.svelte +++ b/src/lib/components/Cards/Card.svelte @@ -3,24 +3,29 @@ export let headerRight: string = ""; export let headerColour: string = "text-red-500"; export let footer: string = ""; + + // Allows additional styling to be applied to the Card component's outer wrapping + export let containerStyle: string = ""; -
-
-

{headerLeft}

- - {#if headerRight} -

{@html headerRight}

+
+
+
+

{headerLeft}

+ + {#if headerRight} +

{@html headerRight}

+ {/if} +
+
+
+ +
+ {#if footer} +
+
+ {@html footer} +
{/if}
-
-
- -
- {#if footer} -
-
- {@html footer} -
- {/if} -
\ No newline at end of file +
diff --git a/src/lib/components/FlexGallery.svelte b/src/lib/components/FlexGallery.svelte new file mode 100644 index 0000000..f9c5d65 --- /dev/null +++ b/src/lib/components/FlexGallery.svelte @@ -0,0 +1,7 @@ + + + +
+ +
\ No newline at end of file diff --git a/src/lib/components/Modal.svelte b/src/lib/components/Modal.svelte deleted file mode 100644 index 4185f92..0000000 --- a/src/lib/components/Modal.svelte +++ /dev/null @@ -1,39 +0,0 @@ - - - - (showModal = false)} - on:click|self={() => dialog.close()} - class="max-w-[70vw] rounded-md border-0 p-0 shadow-lg bg-bg text-fg relative animate-[zoom_0.5s_cubic-bezier(0.34,1.56,0.64,1)]" - style="box-shadow: 0.5em 0.5em 0.5em var(--header);" -> - -
- -
- -
-
- -
- - diff --git a/src/lib/components/Section.svelte b/src/lib/components/Section.svelte index 5a1d9f9..2789f22 100644 --- a/src/lib/components/Section.svelte +++ b/src/lib/components/Section.svelte @@ -2,7 +2,7 @@ export let label: string = ""; -
+