Galleries/PHPGallery
1
0
Fork 0
mirror of https://github.com/Fluffy-Bean/image-gallery.git synced 2025-06-12 21:23:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Tabs, oh and IT FUCKING CHECKS IF YOU'RE AN ADMIN NOW REEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE

Browse source
This commit is contained in:
Michał Gdula 2022-09-16 22:24:51 +00:00
parent e28157de3c
commit 42e4de2e3b
4 changed files with 120 additions and 57 deletions
Download patch file Download diff file Expand all files Collapse all files

35
css/main.css
View file

@ -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 {

31
css/scss/_body.scss
View file

@ -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;