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; margin: 0;
} }
p { main p, h4 {
margin: 0.5em 0; text-align: center;
} }
video, main video,
img { main img {
margin: 1em 0;
max-width: 100%; max-width: 100%;
max-height: 85vh;
} }
.pfp { .pfp {

View File

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

View File

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