added delay

K7theCompSciMan · K7theCompSciMan · commit 43e36a1ad8c2 · 2025-02-27T20:18:00.000-05:00
diff --git a/src/lib/Project.svelte b/src/lib/Project.svelte
@@ -15,7 +15,7 @@
 	
 >
 	<div
-		class="relative overflow-hidden text-ellipses h-full w-1/3 text-left pl-[4%] py-[4%] flex flex-col cursor-pointer group-hover:pl-[8%] transition-all duration-[400ms]"
+		class="relative overflow-hidden text-ellipses h-full w-1/3 text-left pl-[4%] py-[4%] flex flex-col cursor-pointer group-hover:pl-[8%] transition-all delay-75 duration-[400ms]"
 		on:click={() =>
 		(window.location.pathname = `/projects/${project.name?.trim().replaceAll(' ', '-')}`)}
 	>
diff --git a/src/lib/ProjectPreview.svelte b/src/lib/ProjectPreview.svelte
@@ -66,7 +66,7 @@
 		<div class="text-md pl-[4%] font-thin">{project.date}</div>
 	</div>
 	<div
-		class="relative overflow-auto h-full w-1/2 text-right ml-[33%] py-[4%] pr-[4%] flex flex-col group-hover:pr-[8%] transition-all duration-[400ms]"
+		class="relative overflow-auto h-full w-1/2 text-right ml-[33%] py-[4%] pr-[4%] flex flex-col group-hover:pr-[8%] delay-75 transition-all duration-[400ms]"
 	>
 		<div class="text-2xl font-bold">{project.category}</div>
 		<div class="flex flex-row-reverse">

Original file line number	Diff line number	Diff line change
`@@ -15,7 +15,7 @@`
`15`	`15`
`16`	`16`	`>`
`17`	`17`	`<div`
`18`		`- class="relative overflow-hidden text-ellipses h-full w-1/3 text-left pl-[4%] py-[4%] flex flex-col cursor-pointer group-hover:pl-[8%] transition-all duration-[400ms]"`
	`18`	`+ class="relative overflow-hidden text-ellipses h-full w-1/3 text-left pl-[4%] py-[4%] flex flex-col cursor-pointer group-hover:pl-[8%] transition-all delay-75 duration-[400ms]"`
`19`	`19`	`on:click={() =>`
`20`	`20`	(window.location.pathname = `/projects/${project.name?.trim().replaceAll(' ', '-')}`)}
`21`	`21`	`>`
Original file line number	Diff line number	Diff line change
`@@ -66,7 +66,7 @@`
`66`	`66`	`<div class="text-md pl-[4%] font-thin">{project.date}</div>`
`67`	`67`	`</div>`
`68`	`68`	`<div`
`69`		`- class="relative overflow-auto h-full w-1/2 text-right ml-[33%] py-[4%] pr-[4%] flex flex-col group-hover:pr-[8%] transition-all duration-[400ms]"`
	`69`	`+ class="relative overflow-auto h-full w-1/2 text-right ml-[33%] py-[4%] pr-[4%] flex flex-col group-hover:pr-[8%] delay-75 transition-all duration-[400ms]"`
`70`	`70`	`>`
`71`	`71`	`<div class="text-2xl font-bold">{project.category}</div>`
`72`	`72`	`<div class="flex flex-row-reverse">`