🐛 Fixed css, alignment && Fixed typo

nwrenger · Apr 11, 2024 · 196e1ce · 196e1ce
1 parent f28ac7c
commit 196e1ce
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 11 deletions.
diff --git a/src/lib/index.ts b/src/lib/index.ts
@@ -4,7 +4,7 @@ export const projects = [
 		summary: 'CLI Input Library for Rust',
 		picture: 'console-utils.png',
 		description:
-			'Soooo this project was initiated through writing Python in my Informatics Lessons. The thing is that Rust itself (the std library) does\'nt have a very "nice" way of retrieving user input. In comparison python has the super simple <code class="code" >input</code> function which can do that very easily! Therefore, I decided to develop this crate which main point is to be very developer friendly with providing high functionality!',
+			'Soooo this project was initiated through writing Python in my Computer Science Lessons. The thing is that Rust itself (the std library) does\'nt have a very "nice" way of retrieving user input. In comparison python has the super simple <code class="code" >input</code> function which can do that very easily! Therefore, I decided to develop this crate which main point is to be very developer friendly with providing high functionality!',
 		link: 'https://crates.io/crates/console-utils'
 	},
 	{

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -41,16 +41,20 @@
 	{#each projects as { title, picture, description, link }}
 		{#if $drawerStore.id === title}
 			<div class="p-4 space-y-4">
-				<button
-					type="button"
-					class="btn-icon variant-filled mb-2"
-					title="Close"
-					on:click={drawerStore.close}><i class="fa-solid fa-xmark"></i></button
-				>
-				<h2 class="h2">{title}</h2>
-				<a href="projects/{picture}" target="_blank">
-					<ImageLoader src="projects/{picture}" alt="Picture of {title}" />
-				</a>
+				<h2 class="h2 flex-auto flex justify-between items-center place-self-center">
+					<span class="justify-start">{title}</span>
+					<button
+						type="button"
+						class="btn-icon h-11 w-11 variant-filled"
+						title="Close"
+						on:click={drawerStore.close}><i class="fa-solid fa-xmark"></i></button
+					>
+				</h2>
+				<div>
+					<a href="projects/{picture}" target="_blank">
+						<ImageLoader src="projects/{picture}" alt="Picture of {title}" />
+					</a>
+				</div>
 				<p>{@html description}</p>
 
 				<div>