[O] Center page

This commit is contained in:
Azalea
2024-02-12 03:38:25 -05:00
parent 93b6dd3374
commit 2bdd97d889
3 changed files with 15 additions and 6 deletions

View File

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

View File

@@ -190,6 +190,7 @@ $gap: 20px
margin: 100px 32px 0 margin: 100px 32px 0
padding: 0 32px 32px padding: 0 32px 32px
min-height: 100% min-height: 100%
max-width: $w-max
background-color: rgba(black, 0.2) background-color: rgba(black, 0.2)
border-radius: 16px 16px 0 0 border-radius: 16px 16px 0 0

View File

@@ -5,4 +5,5 @@ $c-darker: #646cff
$c-bg: #242424 $c-bg: #242424
$nav-height: 4rem $nav-height: 4rem
$w-mobile: 560px $w-mobile: 560px
$w-max: 1000px