cap gallery image width, show media metadata

This commit is contained in:
3nprob 2021-11-25 21:52:51 +09:00
parent 909f55b358
commit 0c5f9bc6b5
3 changed files with 35 additions and 3 deletions

View File

@ -3,6 +3,10 @@ img.album-img {
max-height: 100%;
}
.imageContainer img {
max-width: 100%;
}
.TagsCover {
top: 0px;
min-height: 351px;
@ -66,3 +70,10 @@ body {
.NewCover {
padding-top: 100px;
}
.Gallery-Content--title {
font-family: Proxima Nova Regular,Helvetica Neue,Helvetica,Arial,sans-serif;
color: #b4b9c2;
font-size: 12px;
line-height: 12px;
}

View File

@ -275,6 +275,17 @@ a {
margin-right: 10px;
}
.Gallery-ContentWrapper .Gallery-Content--descr {
margin-bottom: 24px;
padding: 0 24px;
font-family: Proxima Nova Regular,Helvetica Neue,Helvetica,Arial,sans-serif;
font-size: 16px;
line-height: 150%;
color: hsla(0,0%,100%,.9);
white-space: pre-wrap;
word-wrap: break-word;
}
.CommentsList-headline {
background: repeat-x 0 100% url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='1'%3E%3Cpath fill='%23585D6A' d='M0 0h1v.5H0z'/%3E%3C/svg%3E");
display: flex;
@ -358,7 +369,7 @@ a {
color: #b4b9c2;
}
Post-item-title {
.Post-item-title {
font-weight: 600;
line-height: 1.14;
font-size: 14px;

View File

@ -46,8 +46,18 @@ mixin media(m)
else
div(class='Gallery-Content--media')
div(class='imageContainer')
img(src=util.proxyURL(m.url))
img(src=util.proxyURL(m.url) title=m.name+' ['+m.metadata.created_at+']')
div(class='Gallery-Content--descr')
div(class='Gallery-Content--title')
span #{m.metadata.title || m.name}
span(class='delimiter') •
span #{m.created_at}
if m.updated_at
span(class='delimiter') •
span #{m.updated_at}
if m.metadata.description
span(class='Linkify') #{m.metadata.description}
html
head
include includes/head.pug