From 0a6c8d013b0289ac10b59e68ff9d995b653d84b9 Mon Sep 17 00:00:00 2001
From: Bradley Shellnut <bradleyshellnut@pm.me>
Date: Tue, 12 Sep 2023 23:07:29 -0700
Subject: [PATCH] Close sheet on logout and temp fix for showing auth forms on
 small screens.

---
 src/lib/components/header/index.svelte | 10 ++++++----
 src/routes/(auth)/+layout.svelte       |  6 ++++--
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/lib/components/header/index.svelte b/src/lib/components/header/index.svelte
index 40b09bc..3d56e5c 100644
--- a/src/lib/components/header/index.svelte
+++ b/src/lib/components/header/index.svelte
@@ -58,10 +58,12 @@
 								action="/logout"
 								method="POST"
 							>
-								<Button type="submit">
-									<LogOut class="mr-2 h-4 w-4"/>
-									Sign out
-								</Button>
+								<Sheet.Close asChild let:builder>
+									<Button builders={[builder]} type="submit">
+										<LogOut class="mr-2 h-4 w-4"/>
+										Sign out
+									</Button>
+								</Sheet.Close>
 							</form>
 						</div>
 					</div>
diff --git a/src/routes/(auth)/+layout.svelte b/src/routes/(auth)/+layout.svelte
index 0448225..8686d03 100644
--- a/src/routes/(auth)/+layout.svelte
+++ b/src/routes/(auth)/+layout.svelte
@@ -53,8 +53,10 @@
 
 <style lang="postcss">
 	.container {
-		display: none;
-		position: relative;
+		/* display: none;
+		position: relative; */
+		display: flex;
+		align-content: center;
 		flex-direction: column;
 		justify-content: center;
 		align-items: center;