Improve post image size
This commit is contained in:
parent
59a148e4f2
commit
51fbb8d0a7
|
@ -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 {
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue