[S] Fix home page

AquaNet/src/App.svelte

@@ -15,25 +15,15 @@
   <div><Icon icon="tabler:search" /></div>
 </nav>
 
-<div id="wrapper">
+<Router {url}>
-  <Router {url}>
+  <Route path="/"><Home /></Route>
-    <Route path="/"><Home /></Route>
+  <Route path="/u/:userId" component={UserHome}></Route>
-    <Route path="/u/:userId" component={UserHome}></Route>
+  <Route path="/u/:userId/mai/rating" component={MaimaiRating}></Route>
-    <Route path="/u/:userId/mai/rating" component={MaimaiRating}></Route>
+</Router>
-  </Router>
-</div>
 
 <style lang="sass">
   @import "vars"
 
-  #wrapper
-    display: flex
-    flex-direction: column
-    align-items: center
-
-    height: 100%
-    min-height: 100%
-
   nav
     display: flex
     justify-content: flex-end

AquaNet/src/pages/UserHome.svelte

@@ -187,7 +187,7 @@ $gap: 20px
   display: flex
   flex-direction: column
   gap: $gap
-  margin: 100px 32px 0
+  margin: 100px auto 0
   padding: 0 32px 32px
   min-height: 100%
   max-width: $w-max
@@ -195,6 +195,10 @@ $gap: 20px
   background-color: rgba(black, 0.2)
   border-radius: 16px 16px 0 0
 
+  @media (max-width: #{$w-max + (64px) * 2})
+    margin: 100px 32px 0
+    padding: 0 32px 16px
+
   @media (max-width: $w-mobile)
     margin: 100px 0 0
     padding: 0 32px 16px

AquaNet/src/vars.sass

@@ -6,4 +6,4 @@ $c-bg: #242424
 
 $nav-height: 4rem
 $w-mobile: 560px
-$w-max: 1000px
+$w-max: 900px