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

Cleaned up code, removed unnessesary notifications

Browse source
This commit is contained in:
Michał Gdula 2022-11-02 14:22:48 +00:00
parent d2858ce907
commit 26ddca3e6c
6 changed files with 216 additions and 163 deletions
Download patch file Download diff file Expand all files Collapse all files

42
css/main.css
View file

@ -771,13 +771,14 @@ nav .btn {
.logs {
width: 100%;
height: 21rem;
height: 0;
padding: 0;
overflow-y: scroll;
display: none;
overflow-y: hidden;
display: flex;
flex-direction: column;
background-color: #151515;
border-radius: 3px;
transition: height 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
.log {
@ -819,13 +820,14 @@ nav .btn {
.bans {
width: 100%;
height: 21rem;
height: 0;
padding: 0;
overflow-y: scroll;
display: none;
overflow-y: hidden;
display: flex;
flex-direction: column;
background-color: #151515;
border-radius: 3px;
transition: height 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
.ban {
@ -874,13 +876,14 @@ nav .btn {
.user-settings {
width: 100%;
height: 21rem;
height: 0;
padding: 0;
overflow-y: scroll;
display: none;
overflow-y: hidden;
display: flex;
flex-direction: column;
background-color: #151515;
border-radius: 3px;
transition: height 0.3s cubic-bezier(0.19, 1, 0.22, 1);
}
.user {
@ -1115,17 +1118,17 @@ a.btn {
.alert-bad {
border-color: #B66467;
background-image: linear-gradient(to right, rgba(182, 100, 103, 0.3), rgba(21, 21, 21, 0));
background-image: linear-gradient(120deg, rgba(182, 100, 103, 0.3), rgba(21, 21, 21, 0));
}
.alert-warning {
border-color: #D8A657;
background-image: linear-gradient(to right, rgba(216, 166, 87, 0.3), rgba(21, 21, 21, 0));
background-image: linear-gradient(120deg, rgba(216, 166, 87, 0.3), rgba(21, 21, 21, 0));
}
.alert-good {
border-color: #8C977D;
background-image: linear-gradient(to right, rgba(140, 151, 125, 0.3), rgba(21, 21, 21, 0));
background-image: linear-gradient(120deg, rgba(140, 151, 125, 0.3), rgba(21, 21, 21, 0));
}
/*
@ -1136,7 +1139,6 @@ a.btn {
.badge {
display: inline-block;
box-sizing: border-box;
margin: 0 0.25rem;
padding: 0.2em 0.4em;
border: #121212 0.2rem solid;
border-radius: 0.4rem;
@ -1148,18 +1150,32 @@ a.btn {
white-space: nowrap;
text-align: center;
}
.badge.link {
cursor: pointer;
text-decoration: none;
display: inline-block;
}
.badge.badge-primary {
background: rgba(140, 151, 125, 0.3);
border: #8C977D 0.2rem solid;
}
.badge.badge-primary.link:hover {
color: #8C977D;
}
.badge.badge-critical {
background: rgba(182, 100, 103, 0.3);
border: #B66467 0.2rem solid;
}
.badge.badge-critical.link:hover {
color: #B66467;
}
.badge.badge-warning {
background: rgba(216, 166, 87, 0.3);
border: #D8A657 0.2rem solid;
}
.badge.badge-warning.link:hover {
color: #D8A657;
}
/*
|-------------------------------------------------------------

18
css/main.scss
View file

@ -185,15 +185,15 @@ a.btn {
.alert-bad {
border-color: $warning;
background-image: linear-gradient(to right, rgba($warning, 0.3), rgba($bg, 0));
background-image: linear-gradient(120deg, rgba($warning, 0.3), rgba($bg, 0));
}
.alert-warning {
border-color: $alert;
background-image: linear-gradient(to right, rgba($alert, 0.3), rgba($bg, 0));
background-image: linear-gradient(120deg, rgba($alert, 0.3), rgba($bg, 0));
}
.alert-good {
border-color: $page-accent;
background-image: linear-gradient(to right, rgba($page-accent, 0.3), rgba($bg, 0));
background-image: linear-gradient(120deg, rgba($page-accent, 0.3), rgba($bg, 0));
}
/*
@ -204,12 +204,16 @@ a.btn {
@mixin badge($color, $fg: $color) {
background: rgba($color, 0.3);
border: $color $border-thickness solid;
&.link:hover {
color: $color;
}
}
.badge {
display: inline-block;
box-sizing: border-box;
margin: 0 0.25rem;
//margin: 0 0.25rem;
padding: 0.2em 0.4em;
border: $black $border-thickness solid;
@if $rad <= 0 {
@ -225,6 +229,12 @@ a.btn {
white-space: nowrap;
text-align: center;
&.link {
cursor: pointer;
text-decoration: none;
display: inline-block;
}
&.badge-primary {
@include badge($page-accent);
}

27
css/scss/_body.scss
View file

@ -773,13 +773,14 @@
.logs {
width: 100%;
height: 21rem;
height: 0;
padding: 0;
overflow-y: scroll;
overflow-y: hidden;
display: none; flex-direction: column;
display: flex;
flex-direction: column;
background-color: $bg;
@if calc($rad - 0.5rem) > 0 {
@ -787,6 +788,8 @@
} @else {
border-radius: 3px;
}
transition: height 0.3s cubic-bezier(.19, 1, .22, 1);
}
.log {
min-width: 850px;
@ -830,13 +833,14 @@
.bans {
width: 100%;
height: 21rem;
height: 0;
padding: 0;
overflow-y: scroll;
overflow-y: hidden;
display: none; flex-direction: column;
display: flex;
flex-direction: column;
background-color: $bg;
@if calc($rad - 0.5rem) > 0 {
@ -844,6 +848,8 @@
} @else {
border-radius: 3px;
}
transition: height 0.3s cubic-bezier(.19, 1, .22, 1);
}
.ban {
min-width: 900px;
@ -893,13 +899,14 @@
.user-settings {
width: 100%;
height: 21rem;
height: 0;
padding: 0;
overflow-y: scroll;
overflow-y: hidden;
display: none; flex-direction: column;
display: flex;
flex-direction: column;
background-color: $bg;
@if calc($rad - 0.5rem) > 0 {
@ -907,6 +914,8 @@
} @else {
border-radius: 3px;
}
transition: height 0.3s cubic-bezier(.19, 1, .22, 1);
}
.user {
min-width: 950px;