From 23c20112c9151b863d4b134cfb3b4fa1cabe5b66 Mon Sep 17 00:00:00 2001
From: not-nullptr <needhelpwithrift@gmail.com>
Date: Sat, 16 Mar 2024 22:36:07 +0000
Subject: [PATCH] fix signup

---
 src/routes/signup/+page.svelte | 22 ++++++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/routes/signup/+page.svelte b/src/routes/signup/+page.svelte
index 7c242c8..0683b8d 100644
--- a/src/routes/signup/+page.svelte
+++ b/src/routes/signup/+page.svelte
@@ -43,16 +43,16 @@
 </script>
 
 <div
-	class="align-center relative flex h-[calc(100vh-200px)] flex-col items-center justify-center gap-6 overflow-hidden"
+	class="align-center relative flex h-[calc(100vh-200px)] flex-col items-center justify-center gap-6"
 >
 	<div class="flex h-fit w-full max-w-[500px] flex-col rounded-[2.25rem] bg-[#110d10] p-10">
-		<h1 class="text-[60px] md:leading-[1.1]">Sign up</h1>
+		<h1 class="text-[48px] md:text-[60px] md:leading-[1.1]">Sign up</h1>
 		<div class="mt-4 flex flex-col gap-4">
-			<p>
+			<p class="useless-text">
 				suyu believes in user privacy; as such, usernames are distributed on a first-come,
 				first-serve basis, with no password required. Accounts are used for:
 			</p>
-			<ul class="[&>*]:before:mr-3 [&>*]:before:content-['•']">
+			<ul class="list [&>*]:before:mr-3 [&>*]:before:content-['•']">
 				<li>Creating rooms</li>
 				<li>Adding friends</li>
 			</ul>
@@ -82,3 +82,17 @@
 		</div>
 	</div>
 </div>
+
+<style>
+	.useless-text,
+	.list {
+		display: none;
+	}
+
+	@media (min-height: 850px) {
+		.useless-text,
+		.list {
+			display: block;
+		}
+	}
+</style>