mirror of
https://github.com/MewoLab/AquaDX.git
synced 2026-02-08 06:07:27 +08:00
[O] Center page
This commit is contained in:
@@ -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
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
@@ -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
|
||||||
Reference in New Issue
Block a user