From c7498696b4fb20165cd67759030756594a80d9d6 Mon Sep 17 00:00:00 2001
From: pancakes <trypancakes@tutanota.com>
Date: Fri, 29 Nov 2024 00:14:40 +1000
Subject: [PATCH] [frontend/pages] Add links between login and register pages

---
 Iceshrimp.Frontend/Pages/Login.razor        | 1 +
 Iceshrimp.Frontend/Pages/Login.razor.css    | 6 +++++-
 Iceshrimp.Frontend/Pages/Register.razor     | 1 +
 Iceshrimp.Frontend/Pages/Register.razor.css | 4 ++++
 4 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/Iceshrimp.Frontend/Pages/Login.razor b/Iceshrimp.Frontend/Pages/Login.razor
index 15318f25..6326b742 100644
--- a/Iceshrimp.Frontend/Pages/Login.razor
+++ b/Iceshrimp.Frontend/Pages/Login.razor
@@ -27,6 +27,7 @@
                required="required"
                @bind="@Password"/>
         <button class="button" @onclick="Submit" disabled="@Loading">@Loc["Login"]</button>
+        <a class="register-link" href="/register">@Loc["Register a new account"]</a>
     </div>
 
     @if (Loading)
diff --git a/Iceshrimp.Frontend/Pages/Login.razor.css b/Iceshrimp.Frontend/Pages/Login.razor.css
index 6824b362..6160dcf7 100644
--- a/Iceshrimp.Frontend/Pages/Login.razor.css
+++ b/Iceshrimp.Frontend/Pages/Login.razor.css
@@ -99,4 +99,8 @@
 .user:hover {
     transition: border-color 250ms;
     border-color: var(--notice-color);
-}
\ No newline at end of file
+}
+
+.register-link {
+    margin-top: 2rem;
+}
diff --git a/Iceshrimp.Frontend/Pages/Register.razor b/Iceshrimp.Frontend/Pages/Register.razor
index f39bdec6..de61b510 100644
--- a/Iceshrimp.Frontend/Pages/Register.razor
+++ b/Iceshrimp.Frontend/Pages/Register.razor
@@ -45,6 +45,7 @@
         {
             <div>@Loc["Registrations for this instance are closed."]</div>
         }
+        <a class="login-link" href="/login">@Loc["Login to an existing account"]</a>
     </div>
 }
 
diff --git a/Iceshrimp.Frontend/Pages/Register.razor.css b/Iceshrimp.Frontend/Pages/Register.razor.css
index bf202344..991cda3f 100644
--- a/Iceshrimp.Frontend/Pages/Register.razor.css
+++ b/Iceshrimp.Frontend/Pages/Register.razor.css
@@ -17,4 +17,8 @@ input:invalid {
 
 .logo {
     height: 3rem;
+}
+
+.login-link {
+    margin-top: 2rem;
 }
\ No newline at end of file