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

Automated loading of more logs

Browse source 
Fixed other random bugs
This commit is contained in:
Michał Gdula 2022-11-08 15:37:19 +00:00
parent 517d0b7071
commit 2d7d359cde
11 changed files with 151 additions and 95 deletions
Download patch file Download diff file Expand all files Collapse all files

50
css/main.css
View file

@ -729,37 +729,27 @@ nav .btn {
|-------------------------------------------------------------
*/
.pfp-upload {
display: flex;
flex-direction: column;
}
.pfp-upload form {
display: flex;
flex-direction: row;
gap: 0.5rem;
}
.pfp-upload form > * {
margin: 0 0 0.5rem 0;
}
.pfp-upload form > *:last-child {
margin: 0 0 0 0;
margin: 0;
}
.pfp-upload > img {
margin-left: 0.5rem;
width: 8rem;
height: 8rem;
margin: 0 auto 1rem;
width: 12rem;
height: 12rem;
-o-object-fit: cover;
object-fit: cover;
float: right;
border-radius: 3px;
background-color: #121212;
}
@media (max-width: 621px) {
.pfp-upload {
display: flex;
flex-direction: column-reverse;
}
.pfp-upload > img {
margin: 0 auto 1rem;
width: 12rem;
height: 12rem;
}
}
.tabs {
display: flex;
flex-direction: row;
@ -946,7 +936,7 @@ nav .btn {
position: relative;
}
.btn-code::before {
content: "Hover to show code";
content: "Hover to reveal";
color: #E8E3E3;
position: absolute;
top: 50%;
@ -960,11 +950,11 @@ nav .btn {
content: "";
}
.btn-code-reg {
.btn-icon {
width: auto !important;
display: inline-block !important;
}
.btn-code-reg img {
.btn-icon img {
margin: auto 2px;
width: 1.25rem;
height: 1.25rem;
@ -999,15 +989,18 @@ footer {
text-transform: uppercase;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
gap: 0.5rem;
}
footer p {
margin: 0.2rem;
margin: 0;
padding: 0;
text-decoration: none;
font-family: "Secular One", sans-serif;
}
footer a {
margin: 0.2rem;
margin: 0;
padding: 0;
text-decoration: none;
font-family: "Secular One", sans-serif;
@ -1068,7 +1061,8 @@ body * {
text-decoration: none;
border: none;
border-radius: 3px;
transition: outline 0.1s cubic-bezier(0.19, 1, 0.22, 1);
outline: #E8E3E3 0 solid;
transition: outline 0.1s;
/*
&::after {
content: "";
@ -1108,7 +1102,7 @@ body * {
*/
}
.btn:where(input[type=file])::-webkit-file-upload-button {
margin: -0.25rem 0.5rem -0.25rem -0.25rem;
margin: -0.5rem 0.5rem -0.5rem -0.5rem;
padding: 0.5rem;
display: inline-block;
font-size: 16px;
@ -1119,7 +1113,7 @@ body * {
border-radius: 3px;
}
.btn:where(input[type=file])::file-selector-button {
margin: -0.25rem 0.5rem -0.25rem -0.25rem;
margin: -0.5rem 0.5rem -0.5rem -0.5rem;
padding: 0.5rem;
display: inline-block;
font-size: 16px;
@ -1259,7 +1253,7 @@ a.btn {
*/
form {
width: 100%;
box-sizing: content-box;
box-sizing: border-box;
}
form > * {
margin-bottom: 0.5rem;

10
css/main.scss
View file

@ -85,7 +85,9 @@ body {
border-radius: 3px;
}
transition: outline 0.1s cubic-bezier(.19, 1, .22, 1);
outline: $fg 0 solid;
transition: outline 0.1s;
/*
&::after {
@ -112,7 +114,7 @@ body {
*/
&:hover {
outline: $white 0.2rem solid;
outline: $fg $border-thickness solid;
color: $fg;
cursor: pointer;
@ -129,7 +131,7 @@ body {
}
&:where(input[type="file"])::file-selector-button {
margin: -0.25rem 0.5rem -0.25rem -0.25rem;
margin: -0.5rem 0.5rem -0.5rem -0.5rem;
padding: 0.5rem;
display: inline-block;
@ -301,7 +303,7 @@ a.btn {
*/
form {
width: 100%;
box-sizing: content-box;
box-sizing: border-box;
& > * {
margin-bottom: 0.5rem;

40
css/scss/_body.scss
View file

@ -717,25 +717,26 @@
*/
.pfp-upload {
display: flex;
flex-direction: row;
flex-direction: column;
form > * {
margin: 0 0 0.5rem 0;
}
form > *:last-child {
margin: 0 0 0 0;
form {
display: flex;
flex-direction: row;
gap: 0.5rem;
> * {
margin: 0;
}
}
& > img {
margin-left: 0.5rem;
margin: 0 auto 1rem;
width: 8rem;
height: 8rem;
width: 12rem;
height: 12rem;
object-fit: cover;
float: right;
@if calc($rad - 0.5rem) > 0 {
border-radius: calc($rad - 0.5rem);
} @else {
@ -745,19 +746,6 @@
}
}
@media (max-width: 621px) {
.pfp-upload {
display: flex;
flex-direction: column-reverse;
& > img {
margin: 0 auto 1rem;
width: 12rem;
height: 12rem;
}
}
}
.tabs {
display: flex; flex-direction: row;
@ -976,7 +964,7 @@
position: relative;
&::before {
content: "Hover to show code";
content: "Hover to reveal";
color: $fg;
position: absolute;
@ -994,7 +982,7 @@
}
}
.btn-code-reg {
.btn-icon {
width: auto !important;
display: inline-block !important;

7
css/scss/_footer.scss
View file

@ -13,9 +13,12 @@ footer {
text-transform: uppercase;
display: flex; flex-direction: row;
flex-wrap: wrap;
justify-content: center;
gap: 0.5rem;
p {
margin: 0.2rem;
margin: 0;
padding: 0;
text-decoration: none;
@ -24,7 +27,7 @@ footer {
}
a {
margin: 0.2rem;
margin: 0;
padding: 0;
text-decoration: none;