zyl/zyllian.github.io
1
0
Fork 0
mirror of https://github.com/zyllian/zyllian.github.io.git synced 2025-05-10 02:26:45 -07:00
Code Issues Projects Releases Packages Wiki Activity

Implement image display

Browse source
This commit is contained in:
Zoey 2022-12-14 21:39:19 -08:00
parent a0e50d5edc
commit 731db752b1
No known key found for this signature in database
GPG key ID: 0E87B6A5795E040B
19 changed files with 730 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

41
site/sass/index.scss
View file

@ -51,3 +51,44 @@ main.page {
abbr {
cursor: help;
}
.images-list {
display: flex;
flex-wrap: wrap;
.image {
position: relative;
padding: 4px;
height: auto;
.image-actual {
display: block;
width: 300px;
height: 100%;
object-fit: cover;
}
.title {
position: absolute;
bottom: 0;
left: 0;
padding: 4px;
margin: 4px;
background-color: rgba(0, 0, 0, 0.7);
color: white;
}
}
}
.image-full {
.title, .tags-title {
margin-bottom: 0;
}
.image-actual {
width: 100%;
max-height: 80vh;
object-fit: contain;
background-color: rgba(0, 0, 0, 0.3);
}
}