login and register designed

2023-07-21 12:25:06 +02:00
parent 8f3df6f97b
commit 201fa55d9f
8 changed files with 157 additions and 117 deletions
--- a/src/routes/(main)/login/+page.svelte
+++ b/src/routes/(main)/login/+page.svelte
@@ -1,5 +1,41 @@
-<h1>Log In</h1>
+<style>
+	form{
+		background-color: var(--nord5);
+		display: flex;
+		flex-direction: column;
+		max-width: 600px;
+		gap: 0.5em;
+		margin-inline: auto;
+		justify-content: center;
+		align-items: center;
+		padding-block: 2rem;
+		margin-block: 2rem;
+	}
+	label{
+		font-size: 1.2em;
+	}
+	input{
+		display: block;
+		font-size: 1.2rem;
+	}
+	button{
+		 background-color: var(--red);
+		 color: white;
+		 border: none;
+		 padding: 0.5em 1em;
+		 font-size: 1.3em;
+		 border-radius: 1000px;
+		 margin-top: 1em;
+	}
+	@media screen and (max-width: 600px){
+		form{
+			margin-top: 0;
+		}
+	}
+
+</style>
 <form action="?/login" method=POST>
+	<h1>Log In</h1>
 	<label>
 		Username
 		<input type="text" name="username">