mirror of
https://github.com/Fluffy-Bean/image-gallery.git
synced 2025-05-29 14:53:12 +00:00
In progress admin page
This commit is contained in:
parent
67dedc60cc
commit
e28157de3c
13 changed files with 364 additions and 37 deletions
90
css/main.css
90
css/main.css
|
@ -328,6 +328,8 @@ nav .btn {
|
|||
}
|
||||
|
||||
.preview-button {
|
||||
width: 1.5rem;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
bottom: 0.5rem;
|
||||
right: 0.5rem;
|
||||
|
@ -344,6 +346,10 @@ nav .btn {
|
|||
opacity: 0.8;
|
||||
box-shadow: 6px 6px 2px rgba(21, 21, 21, 0.4);
|
||||
}
|
||||
.preview-button img {
|
||||
width: 1.5rem;
|
||||
display: block;
|
||||
}
|
||||
.preview-button:hover {
|
||||
outline: #E8E3E3 0.2rem solid;
|
||||
color: #E8E3E3;
|
||||
|
@ -650,7 +656,7 @@ nav .btn {
|
|||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.log:nth-child(odd) {
|
||||
.log:nth-child(even) {
|
||||
background-color: rgba(255, 255, 255, 0.0666666667);
|
||||
}
|
||||
.log > * {
|
||||
|
@ -669,6 +675,14 @@ nav .btn {
|
|||
}
|
||||
.log > *:nth-child(4) {
|
||||
width: 40%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.log:first-of-type {
|
||||
background-color: #151515;
|
||||
position: -webkit-sticky;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.bans {
|
||||
|
@ -690,7 +704,7 @@ nav .btn {
|
|||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.ban:nth-child(odd) {
|
||||
.ban:nth-child(even) {
|
||||
background-color: rgba(255, 255, 255, 0.0666666667);
|
||||
}
|
||||
.ban > * {
|
||||
|
@ -705,17 +719,83 @@ nav .btn {
|
|||
width: 17%;
|
||||
}
|
||||
.ban > *:nth-child(3) {
|
||||
width: 38%;
|
||||
width: 34%;
|
||||
}
|
||||
.ban > *:nth-child(4) {
|
||||
width: 10%;
|
||||
}
|
||||
.ban > *:nth-child(5) {
|
||||
width: 30%;
|
||||
width: 34%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.perm {
|
||||
border: 1px #B66467 solid;
|
||||
border: 3px #B66467 solid;
|
||||
}
|
||||
|
||||
.ban:first-of-type {
|
||||
background-color: #151515;
|
||||
position: -webkit-sticky;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.user-settings {
|
||||
width: 100%;
|
||||
max-height: 21rem;
|
||||
min-height: auto;
|
||||
padding: 0;
|
||||
overflow-y: scroll;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
background-color: #151515;
|
||||
border-radius: calc(0.25rem - (0.5rem + 3px));
|
||||
}
|
||||
|
||||
.user {
|
||||
min-width: 769px;
|
||||
padding: 0.5rem;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.user:nth-child(even) {
|
||||
background-color: rgba(255, 255, 255, 0.0666666667);
|
||||
}
|
||||
.user > * {
|
||||
margin: 0 0.5rem 0 0;
|
||||
padding: 0;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
.user > *:nth-child(1) {
|
||||
width: 5%;
|
||||
}
|
||||
.user > *:nth-child(2) {
|
||||
width: 15%;
|
||||
}
|
||||
.user > *:nth-child(3) {
|
||||
width: 35%;
|
||||
}
|
||||
.user > *:nth-child(4) {
|
||||
width: 15%;
|
||||
}
|
||||
.user > *:nth-child(5) {
|
||||
width: 15%;
|
||||
}
|
||||
.user > *:nth-child(6) {
|
||||
width: 15%;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.is-admin {
|
||||
background-color: #8C977D !important;
|
||||
}
|
||||
|
||||
.user:first-of-type {
|
||||
background-color: #151515;
|
||||
position: -webkit-sticky;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.signup-root {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue