From 2bdd97d8891bf451e98cd1dbed8a17d890acc5ae Mon Sep 17 00:00:00 2001
From: Azalea <22280294+hykilpikonna@users.noreply.github.com>
Date: Mon, 12 Feb 2024 03:38:25 -0500
Subject: [PATCH] [O] Center page

---
 AquaNet/src/App.svelte            | 17 ++++++++++++-----
 AquaNet/src/pages/UserHome.svelte |  1 +
 AquaNet/src/vars.sass             |  3 ++-
 3 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/AquaNet/src/App.svelte b/AquaNet/src/App.svelte
index 37e67b4a..d7006ba2 100644
--- a/AquaNet/src/App.svelte
+++ b/AquaNet/src/App.svelte
@@ -15,15 +15,22 @@
   <div><Icon icon="tabler:search" /></div>
 </nav>
 
-<Router {url}>
-  <Route path="/"><Home /></Route>
-  <Route path="/u/:userId" component={UserHome}></Route>
-  <Route path="/u/:userId/mai/rating" component={MaimaiRating}></Route>
-</Router>
+<div id="wrapper">
+  <Router {url}>
+    <Route path="/"><Home /></Route>
+    <Route path="/u/:userId" component={UserHome}></Route>
+    <Route path="/u/:userId/mai/rating" component={MaimaiRating}></Route>
+  </Router>
+</div>
 
 <style lang="sass">
   @import "vars"
 
+  #wrapper
+    display: flex
+    flex-direction: column
+    align-items: center
+
   nav
     display: flex
     justify-content: flex-end
diff --git a/AquaNet/src/pages/UserHome.svelte b/AquaNet/src/pages/UserHome.svelte
index 311265f3..a6d4b326 100644
--- a/AquaNet/src/pages/UserHome.svelte
+++ b/AquaNet/src/pages/UserHome.svelte
@@ -190,6 +190,7 @@ $gap: 20px
   margin: 100px 32px 0
   padding: 0 32px 32px
   min-height: 100%
+  max-width: $w-max
 
   background-color: rgba(black, 0.2)
   border-radius: 16px 16px 0 0
diff --git a/AquaNet/src/vars.sass b/AquaNet/src/vars.sass
index 88f92a6d..2ad4ab1b 100644
--- a/AquaNet/src/vars.sass
+++ b/AquaNet/src/vars.sass
@@ -5,4 +5,5 @@ $c-darker: #646cff
 $c-bg: #242424
 
 $nav-height: 4rem
-$w-mobile: 560px
\ No newline at end of file
+$w-mobile: 560px
+$w-max: 1000px
\ No newline at end of file