From 13e30336298685edc072773d83ffca2845d65a33 Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Thu, 7 Dec 2023 10:28:41 -0800
Subject: feat(layout): header fit mobile

---
 src/routes/+layout.svelte | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

(limited to 'src/routes/+layout.svelte')

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index ae91ba64..364a4833 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -119,11 +119,20 @@
 
 	#hover-header {
 		position: fixed;
-		top: 0.5%;
-		left: 0.25%;
+		top: 0;
+		left: 0;
+		padding: 0.5% 0.25% 0.25% 0;
 		z-index: 1000;
 		transition: 0.25s;
 		opacity: 0;
+		background-color: var(--base00);
+		width: 100%;
+	}
+
+	@media (max-width: 640px) {
+		#hover-header {
+			font-size: 5vw;
+		}
 	}
 
 	#hover-header:hover {
-- 
cgit v1.2.3

