Improve post image size

This commit is contained in:
video-prize-ranch 2022-08-04 20:14:17 -04:00
parent 59a148e4f2
commit 51fbb8d0a7
No known key found for this signature in database
GPG Key ID: D8EAA4C5B12A7281
3 changed files with 15 additions and 10 deletions

View File

@ -2,13 +2,15 @@ h1 {
margin: 0;
}
p {
margin: 0.5em 0;
main p, h4 {
text-align: center;
}
video,
img {
main video,
main img {
margin: 1em 0;
max-width: 100%;
max-height: 85vh;
}
.pfp {

View File

@ -33,6 +33,8 @@ nav {
filter: invert(1) hue-rotate(180deg);
}
section,
header,
main {
margin: 0 24vw;
}

View File

@ -20,11 +20,12 @@
<body>
{{> partials/header }}
<main>
<header>
<h1>{{post.Title}}</h1>
<p>{{post.CreatedAt}}</p>
</header>
<main>
<div class="imageMeta__wrapper">
{{#if post.User.Username}}
<div class="user">
@ -68,8 +69,6 @@
</video>
{{/equal}}
</div>
<br>
{{/each}}
{{#if post.tags}}
@ -88,7 +87,9 @@
{{/each}}
</div>
{{/if}}
</main>
<section>
{{#if comments}}
<div>
<hr>
@ -105,7 +106,7 @@
</div>
<hr>
{{/if}}
</main>
</section>
{{> partials/footer }}
</body>