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

Start on fixing errors and semi-automatic setup

Browse source
This commit is contained in:
Michał Gdula 2022-10-19 10:57:46 +00:00
parent d897215023
commit c3814000c0
10 changed files with 180 additions and 57 deletions
Download patch file Download diff file Expand all files Collapse all files

63
css/scss/_body.scss
View file

@ -736,29 +736,31 @@
display: flex;
flex-direction: row;
& > img {
margin-left: 0.5rem;
width: 7.813rem;
height: 7.813rem;
object-fit: cover;
@if calc($rad - 0.5rem) > 0 {
border-radius: calc($rad - 0.5rem);
} @else {
border-radius: 3px;
}
background-color: $black;
}
form > * {
margin: 0 0 0.5rem 0;
}
form > *:last-child {
margin: 0 0 0 0;
}
& > img {
margin-left: 0.5rem;
width: 8rem;
height: 8rem;
object-fit: cover;
float: right;
@if calc($rad - 0.5rem) > 0 {
border-radius: calc($rad - 0.5rem);
} @else {
border-radius: 3px;
}
background-color: $black;
}
}
@media (max-width: 621px) {
.pfp-upload {
@ -768,8 +770,8 @@
& > img {
margin: 0 auto 1rem;
width: 10rem;
height: 10rem;
width: 12rem;
height: 12rem;
}
}
}
@ -971,4 +973,27 @@
background-color: $bg;
position: sticky;
top: 0;
}
.btn-code {
color: #00000000;
position: relative;
&::after {
content: "Hover to show code";
color: $fg;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
&:hover {
color: $fg;
&::after {
content: "";
}
}
}