This commit is contained in:
video-prize-ranch 2022-01-17 19:21:43 -05:00
parent a737f5a773
commit 7cfe875084
No known key found for this signature in database
GPG Key ID: D8EAA4C5B12A7281
2 changed files with 16 additions and 1 deletions

View File

@ -2,14 +2,24 @@ h1 {
margin: 0; margin: 0;
} }
p {
margin: 0.5em 0;
}
img { img {
max-width: 100%; max-width: 100%;
} }
.imageMeta__wrapper, .imageMeta__wrapper,
.imageMeta__item,
.imageMeta { .imageMeta {
display: flex; display: flex;
gap: 12px; gap: 12px;
align-items: center;
}
.imageMeta__item {
gap: 4px;
} }
.imageMeta__wrapper { .imageMeta__wrapper {

View File

@ -15,9 +15,14 @@
<main> <main>
<h1>{{album.Title}}</h1> <h1>{{album.Title}}</h1>
<p>{{album.CreatedAt}}</p>
<div class="imageMeta__wrapper"> <div class="imageMeta__wrapper">
<div class="imageMeta"> <div class="imageMeta">
<p><span class="material-icons-outlined" title="Views">visibility</span> {{album.Views}}</p> <div class="imageMeta__item">
<span class="material-icons-outlined" title="Views">visibility</span>
<p>{{album.Views}}</p>
</div>
{{#unless isAlbum}} {{#unless isAlbum}}
<p><span class="material-icons-outlined" title="Likes">thumb_up</span> {{album.Upvotes}}</p> <p><span class="material-icons-outlined" title="Likes">thumb_up</span> {{album.Upvotes}}</p>
<p><span class="material-icons-outlined" title="Dislilkes">thumb_down</span> {{album.Downvotes}}</p> <p><span class="material-icons-outlined" title="Dislilkes">thumb_down</span> {{album.Downvotes}}</p>