From ae381a4e80eb8064f929121a3d51f93b6d136c7f Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Fri, 5 Jan 2024 20:09:34 -0800
Subject: feat(css): fancy shadows

---
 src/app.css                           | 9 ++-------
 src/lib/Media/Cover/HoverCover.svelte | 2 +-
 src/lib/Tools/Schedule/Tool.svelte    | 2 +-
 src/routes/+layout.svelte             | 4 +++-
 4 files changed, 7 insertions(+), 10 deletions(-)

(limited to 'src')

diff --git a/src/app.css b/src/app.css
index b920a8c0..f44c96d3 100644
--- a/src/app.css
+++ b/src/app.css
@@ -23,12 +23,7 @@ details {
 	background-color: var(--base0011);
 	padding: 1rem;
 	border-radius: 8px;
-	box-shadow: 0 4px 30px var(--base01);
-}
-
-.fancy-image {
-	border-radius: 8px;
-	box-shadow: 0 4px 30px var(--base01);
+	box-shadow: 0 2.5px 10px var(--base01), 0 0 0 5px var(--base02), 0 4px 30px var(--base01);
 }
 
 summary {
@@ -187,7 +182,7 @@ button:disabled:active {
 	background-color: var(--base0011);
 	padding: 1rem;
 	border-radius: 8px;
-	box-shadow: 0 4px 30px var(--base01);
+	box-shadow: 0 2.5px 10px var(--base01), 0 0 0 5px var(--base02), 0 4px 30px var(--base01);
 	backdrop-filter: blur(4px);
 	-webkit-backdrop-filter: blur(4px);
 }
diff --git a/src/lib/Media/Cover/HoverCover.svelte b/src/lib/Media/Cover/HoverCover.svelte
index dee3f592..c2ce5f49 100644
--- a/src/lib/Media/Cover/HoverCover.svelte
+++ b/src/lib/Media/Cover/HoverCover.svelte
@@ -26,7 +26,7 @@
 		z-index: 1000;
 		height: auto;
 		display: none;
-		border-radius: 3px;
+		border-radius: 8px;
 	}
 
 	.show {
diff --git a/src/lib/Tools/Schedule/Tool.svelte b/src/lib/Tools/Schedule/Tool.svelte
index 63817e3e..60828a7f 100644
--- a/src/lib/Tools/Schedule/Tool.svelte
+++ b/src/lib/Tools/Schedule/Tool.svelte
@@ -214,7 +214,7 @@
 	}
 
 	.today {
-		box-shadow: 0 0 0 1px var(--base0E), 0 2px 4px var(--base0E);
+		box-shadow: 0 2.5px 10px var(--base01), 0 0 0 5px var(--base0E), 0 4px 30px var(--base01);
 	}
 
 	.list {
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 83b7f358..c237857e 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -66,7 +66,7 @@
 				<a href="/api/authentication/log-out" class="header-item">Log out </a>
 				{#if data.user}
 					<a href={`/user/${currentUserIdentity.name}`} class="header-item">
-						<img class="fancy-image" id="avatar" src={currentUserIdentity.avatar} alt="Avatar" />
+						<img id="avatar" src={currentUserIdentity.avatar} alt="Avatar" />
 					</a>
 				{/if}
 			{/if}
@@ -152,5 +152,7 @@
 		width: 2em;
 		display: inline-block;
 		vertical-align: middle;
+		border-radius: 8px;
+		box-shadow: 0 1.5px 9px var(--base01), 0 0 0 4px var(--base0E), 0 4px 30px var(--base01);
 	}
 </style>
-- 
cgit v1.2.3