hr tweaks

Nolankicks · Dec 20, 2024 · 28cef97 · 28cef97
1 parent b2184e9
commit 28cef97
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/src/lib/components/Header.svelte b/src/lib/components/Header.svelte
@@ -36,5 +36,5 @@
 	<p class="font-poppins font-bold text-5xl mb-0 mt-0 text-kindagrey">
 		{title}
 	</p>
-    <hr />
+	<p class="w-full bg-white rounded-lg h-1 flex transition-all" />
 {/if}
diff --git a/src/lib/components/Project.svelte b/src/lib/components/Project.svelte
@@ -25,5 +25,5 @@
 		{/if}
 	</div>
 
-    <p class="absolute -bottom-2 w-full bg-white h-1 flex {isHovered ? "opacity-100" : "opacity-0"} transition-all"></p>
+    <p class="absolute -bottom-2 w-full bg-white rounded-lg h-1 flex {isHovered ? "opacity-100" : "opacity-0"} transition-all" />
 </a>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -18,7 +18,7 @@
 		<h2 class="text-white font-poppins text-2xl flex items-start w-full font-bolder">
 			Latest Blog
 		</h2>
-		<hr class="my-5 w-full text-white" />
+		<p class="bg-white rounded-lg h-1 flex transition-all my-5 text-white mx-4 w-full" />
 		<a
 			href={`${data.posts[0]?.IsNews ? 'sboxnews/' : 'blog/'}${data.posts[0]?.slug}`}
 			class="block p-5 bg-secondary rounded-md mb-4 hover:scale-[1.01] active:scale-[0.99] transition-all w-full"

diff --git a/src/routes/blog/[slug]/+page.svelte b/src/routes/blog/[slug]/+page.svelte
@@ -27,7 +27,7 @@
 
 <article class="flex flex-col font-poppins w-full mx-auto 2xl:w-[75%]">
         <div class="mb-10 text-white text-shadow flex flex-col self-center">
-        <hr class="border-t-2 mb-10 text-white mx-4" />
+        <p class="bg-white rounded-lg h-1 flex transition-all mb-10 text-white mx-4" />
         <article class="bg-secondary rounded-md p-5 font-poppins backdrop-blur-3xl shadow-2xl justify-center flex animate-fadein mx-4">
             <article class="prose text-white prose-headings:font-bold prose-headings:text-white prose-headings:font-poppins prose-a:underline prose-a:text-white hover:prose-a:text-tertiary hover:prose-a:transition-all">
                 {#if data.blogPost.edited}

diff --git a/src/routes/projects/[slug]/+page.svelte b/src/routes/projects/[slug]/+page.svelte
@@ -29,7 +29,7 @@
 
 <article class="flex flex-col font-poppins w-full mx-auto 2xl:w-[75%]">
         <div class="mb-10 text-white text-shadow flex flex-col self-center">
-        <hr class="border-t-2 mb-10 text-white  mx-4" />
+            <p class="bg-white rounded-lg h-1 flex transition-all mb-10 text-white mx-4" />
         <article class="bg-secondary rounded-md p-5 font-poppins backdrop-blur-3xl shadow-2xl justify-center flex animate-fadein mx-4">
             <article class="prose text-white prose-headings:font-bold prose-headings:text-white prose-headings:font-poppins prose-a:underline prose-a:text-white hover:prose-a:text-tertiary hover:prose-a:transition-all">
-Original file line number
+Diff line change
@@ Expand Up / @@ -36,5 +36,5 @@ @@
     	<p class="font-poppins font-bold text-5xl mb-0 mt-0 text-kindagrey">
     		{title}
     	</p>
-        <hr />
+    	<p class="w-full bg-white rounded-lg h-1 flex transition-all" />
     {/if}