From 549f71b3b0b2ed3fdc14da3fce1480e3b5093c45 Mon Sep 17 00:00:00 2001
From: midblep <mrrmiddynight@gmail.com>
Date: Fri, 6 May 2022 21:43:59 +0200
Subject: [PATCH] fix

---
 src/lib/home/Card.svelte | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/lib/home/Card.svelte b/src/lib/home/Card.svelte
index ebcd228..a3b1cfc 100644
--- a/src/lib/home/Card.svelte
+++ b/src/lib/home/Card.svelte
@@ -4,7 +4,7 @@
 	export let buttonHref = null;
 	export let disabled = false;
 
-	let classes = "z-10 flex flex-col group relative overflow-hidden";
+	let classes = "z-10 flex flex-col group relative";
 
 	if(disabled) {
 		classes += " opacity-50";
@@ -14,6 +14,10 @@
 <div class={classes}>
 	<span class="h-4 group-hover:-translate-y-1 bg-blue-600 rounded-t-xl duration-300"></span>
 
+	{#if disabled}
+		<span class="mt-10 flex justify-center text-center items-center text-black dark:text-white font-bold text-2xl group-hover:-translate-y-1 duration-300 select-none">UNFINISHED PROJECT</span>
+	{/if}
+
 	<div class="flex-grow flex flex-col gap-2 w-full relative p-10 group-hover:-translate-y-1 duration-300 bg-gradient-to-br from-gray-200 to-gray-300 dark:from-gray-800 dark:to-gray-700">
 		<slot />
 	</div>
@@ -29,8 +33,4 @@
 	{:else}
 		<span class="h-4 bg-opacity-50 group-hover:-translate-y-1 bg-white dark:bg-gray-900 rounded-b-xl duration-300"></span>
 	{/if}
-
-	{#if disabled}
-		<span class="absolute top-0 bottom-0 flex justify-center text-center items-center text-black dark:text-white -rotate-45 font-bold text-6xl group-hover:-translate-y-1 duration-300 select-none">UNFINISHED PROJECT</span>
-	{/if}
 </div>
\ No newline at end of file