forked from spacebar/SplatNet
fix: css centering issues in /ranking
This commit is contained in:
parent
288f36d1b6
commit
4714f2bd1f
1 changed files with 11 additions and 3 deletions
|
|
@ -28,6 +28,10 @@ body {
|
||||||
background-attachment: fixed;
|
background-attachment: fixed;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--sidebar-width: 330px;
|
||||||
|
}
|
||||||
|
|
||||||
.menu-item .hover-state {
|
.menu-item .hover-state {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
@ -111,7 +115,7 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo-left-align {
|
.logo-left-align {
|
||||||
display: flex;
|
display: flex-start;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
|
|
@ -173,7 +177,6 @@ body {
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
gap: 15px;
|
gap: 15px;
|
||||||
margin: 30px 0;
|
margin: 30px 0;
|
||||||
transform: translateX(50px);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.mode-button { width: 280px; transition: transform 0.1s ease; }
|
.mode-button { width: 280px; transition: transform 0.1s ease; }
|
||||||
|
|
@ -188,7 +191,6 @@ body {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
transform: translateX(50px);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.rank-header-area {
|
.rank-header-area {
|
||||||
|
|
@ -325,4 +327,10 @@ body {
|
||||||
.rank-accent.standard-mode-fix {
|
.rank-accent.standard-mode-fix {
|
||||||
transform: scale(2.0);
|
transform: scale(2.0);
|
||||||
transform-origin: center;
|
transform-origin: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-wrapper {
|
||||||
|
width: calc(100% - var(--sidebar-width));
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
Loading…
Reference in a new issue