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

Lower resolution image preview

Browse source
This commit is contained in:
Michał Gdula 2022-09-09 15:37:34 +00:00
parent 3847020ae7
commit 41d98a7d47
8 changed files with 190 additions and 84 deletions
Download patch file Download diff file Expand all files Collapse all files

22
css/main.css
View file

@ -320,6 +320,28 @@ nav .btn {
max-height: inherit;
height: auto;
border-radius: 0rem;
transition: opacity 0.5s;
}
.preview-button {
position: absolute;
bottom: 0.5rem;
right: 0.5rem;
display: block;
box-sizing: border-box;
font-size: 14px;
font-weight: 500;
font-family: "Secular One", sans-serif;
text-decoration: none;
border: none;
border-radius: calc(0rem - (0.5rem + 3px));
transition: outline 0.1s cubic-bezier(0.19, 1, 0.22, 1);
background-color: #151515;
opacity: 0.8;
}
.preview-button:hover {
outline: #E8E3E3 0.2rem solid;
color: #E8E3E3;
}
.image-description {

31
css/scss/_body.scss
View file

@ -201,6 +201,37 @@
height: auto;
border-radius: $rad;
transition: opacity 0.5s;
}
.preview-button {
position: absolute;
bottom: 0.5rem;
right: 0.5rem;
display: block;
box-sizing: border-box;
font-size: 14px;
font-weight: 500;
font-family: $font-body;
text-decoration: none;
border: none;
border-radius: calc($rad - (0.5rem + 3px));
transition: outline 0.1s cubic-bezier(.19, 1, .22, 1);
background-color: $black;
opacity: 0.8;
&:hover {
outline: $white 0.2rem solid;
color: $fg;
}
}
// DESCRIPTION