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

Final UI change

Browse source
This commit is contained in:
Michał Gdula 2022-07-22 01:21:48 +01:00
parent 310510b686
commit fda00c7c31
12 changed files with 235 additions and 305 deletions
Download patch file Download diff file Expand all files Collapse all files

45
css/gallery.css Normal file
View file

@ -0,0 +1,45 @@
/*
-=-=-= GALLERY =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
*/
.info-text {
margin: 0 0 2rem;
}
.gallery-root {
margin: 0 0 2rem; padding: 0;
background-color: var(--bg); color: var(--fg);
border: 0.2rem solid var(--green);
outline: 0.5rem solid var(--bg);
border-radius: var(--rad);
box-shadow: var(--shadow);
}
.gallery-item {
margin: 0.5rem; padding: 0;
max-width: 300px; height: 200px;
background-color: var(--gray);
border-radius: var(--rad);
flex: 1 0 150px;
transition: transform 0.15s cubic-bezier(.19,1,.22,1);
}
.gallery-item:hover {
transform: scale(1.1) rotate(5deg);
box-shadow: var(--shadow);
}
.gallery-image {
margin: 0; padding: 0;
width: 100%; height: 100%;
object-fit: cover;
border-radius: var(--rad);
}