Merge pull request #34 from tkgnm/more-formatting

fixed flex box problem
tkgnm · Aug 27, 2023 · 9c5e98c · 9c5e98c
2 parents 78bbc50 + 1eb6e96
commit 9c5e98c
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 20 deletions.
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -19,7 +19,9 @@
 		</nav>
 	</header>
 
-	<slot />
+	<main>
+		<slot />
+	</main>
 
 	<hr class="divider" />
 

diff --git a/src/routes/bio/+page.svelte b/src/routes/bio/+page.svelte
@@ -4,4 +4,4 @@
 	export let data: PageData;
 </script>
 
-<p>{@html data.props.bio}</p>
+{@html data.props.bio}
diff --git a/src/routes/contact/+page.svelte b/src/routes/contact/+page.svelte
@@ -15,27 +15,25 @@
 	}
 </script>
 
-<main>
-	<h2>Contact</h2>
-	<p>Please enquire for sales, commissions, and gallery shows.</p>
+<h2>Contact</h2>
+<p>Please enquire for sales, commissions, and gallery shows.</p>
 
-	Instagram:<a href="https://www.instagram.com/gregemyers" target="_blank">@gregemyers</a>
+Instagram:<a href="https://www.instagram.com/gregemyers" target="_blank">@gregemyers</a>
 
-	<div class="email-container">
-		<div class="email-button-container">
-			<p class="email">{emailAddress}</p>
-			{#if !copiedMessage}
-				<button class="copy-button" on:click={copyToClipboard}>Copy Email</button>
-			{/if}
-			{#if copiedMessage === 'Copied to clipboard'}
-				<p class="copied-message">Email Copied</p>
-			{/if}
-		</div>
+<div class="email-container">
+	<div class="email-button-container">
+		<p class="email">{emailAddress}</p>
+		{#if !copiedMessage}
+			<button class="copy-button" on:click={copyToClipboard}>Copy Email</button>
+		{/if}
 		{#if copiedMessage === 'Copied to clipboard'}
-			<div class="background-fade" on:transitionend={() => (copiedMessage = '')} />
+			<p class="copied-message">Email Copied</p>
 		{/if}
 	</div>
-</main>
+	{#if copiedMessage === 'Copied to clipboard'}
+		<div class="background-fade" on:transitionend={() => (copiedMessage = '')} />
+	{/if}
+</div>
 
 <style>
 	.email-container {

diff --git a/src/routes/gallery/[slug]/+page.svelte b/src/routes/gallery/[slug]/+page.svelte
@@ -9,7 +9,7 @@
 	}
 </script>
 
-<h1>{@html data.title}</h1>
+<h2>{@html data.title}</h2>
 
 <!-- this should be changed to body -->
 {#if data.description !== null}
@@ -32,7 +32,6 @@
 	h1 {
 		font-size: 24px;
 		text-decoration: underline;
-		margin: 0;
 	}
 	.artwork-gallery {
 		max-width: 600px; /* Adjust this value as needed */