mirror of
https://github.com/Fluffy-Bean/image-gallery.git
synced 2025-06-10 20:33:12 +00:00
Tabs, oh and IT FUCKING CHECKS IF YOU'RE AN ADMIN NOW REEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE
This commit is contained in:
parent
e28157de3c
commit
42e4de2e3b
4 changed files with 120 additions and 57 deletions
35
css/main.css
35
css/main.css
|
@ -637,13 +637,28 @@ nav .btn {
|
|||
font-family: "Secular One", sans-serif;
|
||||
}
|
||||
|
||||
.tabs {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
.tabs > button {
|
||||
margin-right: 0.5rem;
|
||||
width: 33.33%;
|
||||
}
|
||||
.tabs > button:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.active-tab {
|
||||
background-color: #8C977D !important;
|
||||
}
|
||||
|
||||
.logs {
|
||||
width: 100%;
|
||||
max-height: 21rem;
|
||||
min-height: auto;
|
||||
height: 21rem;
|
||||
padding: 0;
|
||||
overflow-y: scroll;
|
||||
display: flex;
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
background-color: #151515;
|
||||
border-radius: calc(0.25rem - (0.5rem + 3px));
|
||||
|
@ -687,11 +702,10 @@ nav .btn {
|
|||
|
||||
.bans {
|
||||
width: 100%;
|
||||
max-height: 21rem;
|
||||
min-height: auto;
|
||||
height: 21rem;
|
||||
padding: 0;
|
||||
overflow-y: scroll;
|
||||
display: flex;
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
background-color: #151515;
|
||||
border-radius: calc(0.25rem - (0.5rem + 3px));
|
||||
|
@ -730,7 +744,7 @@ nav .btn {
|
|||
}
|
||||
|
||||
.perm {
|
||||
border: 3px #B66467 solid;
|
||||
border-left: #B66467 0.2rem solid;
|
||||
}
|
||||
|
||||
.ban:first-of-type {
|
||||
|
@ -742,11 +756,10 @@ nav .btn {
|
|||
|
||||
.user-settings {
|
||||
width: 100%;
|
||||
max-height: 21rem;
|
||||
min-height: auto;
|
||||
height: 21rem;
|
||||
padding: 0;
|
||||
overflow-y: scroll;
|
||||
display: flex;
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
background-color: #151515;
|
||||
border-radius: calc(0.25rem - (0.5rem + 3px));
|
||||
|
@ -788,7 +801,7 @@ nav .btn {
|
|||
}
|
||||
|
||||
.is-admin {
|
||||
background-color: #8C977D !important;
|
||||
border-left: #8C977D 0.2rem solid;
|
||||
}
|
||||
|
||||
.user:first-of-type {
|
||||
|
|
|
@ -357,15 +357,30 @@
|
|||
@include defaultFont();
|
||||
}
|
||||
|
||||
.tabs {
|
||||
display: flex; flex-direction: row;
|
||||
|
||||
& > button {
|
||||
margin-right: 0.5rem;
|
||||
width: 33.33%;
|
||||
}
|
||||
& > button:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
.active-tab {
|
||||
background-color: $page-accent !important;
|
||||
}
|
||||
|
||||
.logs {
|
||||
width: 100%;
|
||||
max-height: 21rem; min-height: auto;
|
||||
height: 21rem;
|
||||
|
||||
padding: 0;
|
||||
|
||||
overflow-y: scroll;
|
||||
|
||||
display: flex; flex-direction: column;
|
||||
display: none; flex-direction: column;
|
||||
|
||||
background-color: $bg;
|
||||
border-radius: calc($rad - (0.5rem + 3px));
|
||||
|
@ -411,13 +426,13 @@
|
|||
|
||||
.bans {
|
||||
width: 100%;
|
||||
max-height: 21rem; min-height: auto;
|
||||
height: 21rem;
|
||||
|
||||
padding: 0;
|
||||
|
||||
overflow-y: scroll;
|
||||
|
||||
display: flex; flex-direction: column;
|
||||
display: none; flex-direction: column;
|
||||
|
||||
background-color: $bg;
|
||||
border-radius: calc($rad - (0.5rem + 3px));
|
||||
|
@ -459,7 +474,7 @@
|
|||
}
|
||||
}
|
||||
.perm {
|
||||
border: 3px $red solid;
|
||||
border-left: $red 0.2rem solid;
|
||||
}
|
||||
.ban:first-of-type {
|
||||
background-color: $bg;
|
||||
|
@ -469,13 +484,13 @@
|
|||
|
||||
.user-settings {
|
||||
width: 100%;
|
||||
max-height: 21rem; min-height: auto;
|
||||
height: 21rem;
|
||||
|
||||
padding: 0;
|
||||
|
||||
overflow-y: scroll;
|
||||
|
||||
display: flex; flex-direction: column;
|
||||
display: none; flex-direction: column;
|
||||
|
||||
background-color: $bg;
|
||||
border-radius: calc($rad - (0.5rem + 3px));
|
||||
|
@ -520,7 +535,7 @@
|
|||
}
|
||||
}
|
||||
.is-admin {
|
||||
background-color: $green !important;
|
||||
border-left: $page-accent 0.2rem solid;
|
||||
}
|
||||
.user:first-of-type {
|
||||
background-color: $bg;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue