Galleries/PythonGallery
1
0
Fork 0
mirror of https://github.com/Derpy-Leggies/OnlyLegs.git synced 2025-06-29 19:46:16 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added Image deletion

Browse source 
Added buttons for image functions
Moved Image functions to their own file
Added PFP row in users table
Moved Groups back to the root templates folder
This commit is contained in:
Michał Gdula 2023-01-11 10:53:01 +00:00
parent 8c25779882
commit 978086f512
9 changed files with 262 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

29
gallery/user/themes/default/buttons/img-tool.scss Normal file
View file

@ -0,0 +1,29 @@
.tool-btn {
margin: 0;
padding: 0.5rem;
width: 2.5rem;
height: 2.5rem;
border: none;
background-color: transparent;
color: $white100;
svg {
width: 1.25rem;
height: 1.25rem;
}
&:hover {
cursor: pointer;
color: $green;
}
}
.tool-btn--evil {
color: $red;
&:hover {
color: $white100;
}
}

60
gallery/user/themes/default/style.scss
View file

@ -5,6 +5,7 @@
@import 'ui/nav';
@import 'ui/main';
@import 'buttons/img-tool';
@import 'buttons/btn';
@import 'buttons/up';
@ -28,6 +29,31 @@
z-index: 1;
overflow: unset;
> h1 {
margin: 0 auto;
padding: 0;
font-family: $font-header;
font-size: 5rem;
font-weight: 900;
line-height: 1;
text-align: center;
color: $green;
}
> p {
margin: 0 auto;
padding: 0;
font-family: $font-body;
font-size: 2rem;
font-weight: 600;
line-height: 1;
text-align: center;
color: $white100;
}
/*
h1 {
margin: 0;
padding: 0;
@ -39,6 +65,7 @@
color: $green;
}
*/
}
@keyframes imgLoading {
@ -60,7 +87,7 @@
gap: 0;
h1 {
> h1 {
margin: 0 auto;
padding: 0;
@ -72,7 +99,7 @@
color: $green;
}
p {
> p {
margin: 0 auto;
padding: 0;
@ -231,12 +258,16 @@
padding: 0;
max-width: 100%;
height: 100%;
max-height: 75vh;
background: linear-gradient(-45deg, $black100, $black400 40%, $black100);
background-size: 400% 400%;
border-radius: $rad;
animation: imgLoading 10s ease infinite;
object-fit: contain;
object-position: center;
border-radius: $rad;
}
}
@ -285,3 +316,24 @@
overflow: hidden;
}
}
.img-tools {
width: 100%;
height: 2rem;
display: flex;
justify-content: center;
align-items: center;
gap: 0.5rem;
> div {
margin: 0;
padding: 0;
display: flex;
gap: 0.5rem;
background-color: $black200;
border-radius: $rad;
}
}