Cynosphere/nitter
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Improve image gallery css

Browse source
This commit is contained in:
Zed 2019-06-23 02:37:25 +02:00
parent fa91b0e262
commit 64259ef1ea
2 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
public/style.css
View file

@ -211,6 +211,8 @@ nav {
border-radius: 7px; border-radius: 7px;
overflow: hidden; overflow: hidden;
flex-flow: column; flex-flow: column;
background-color: #0f0f0f;
align-items: center;
} }
.gallery-row { .gallery-row {

3
src/views/tweet.nim
View file

@ -31,9 +31,8 @@
# #
#proc renderMediaGroup(tweet: Tweet): string = #proc renderMediaGroup(tweet: Tweet): string =
#let groups = if tweet.photos.len > 2: tweet.photos.distribute(2) else: @[tweet.photos] #let groups = if tweet.photos.len > 2: tweet.photos.distribute(2) else: @[tweet.photos]
#let groupStyle = if groups.len == 1 and groups[0].len < 2: "" else: "background-color: #0f0f0f;"
#var first = true #var first = true
<div class="attachments media-body" style="${groupStyle}"> <div class="attachments media-body">
#for photos in groups: #for photos in groups:
#let style = if first: "" else: "margin-top: .25em;" #let style = if first: "" else: "margin-top: .25em;"
<div class="gallery-row cover-fit" style="${style}"> <div class="gallery-row cover-fit" style="${style}">