Tile time to bottom

Signed-off-by: Romein van Buren <romein@vburen.nl>
This commit is contained in:
Romein van Buren 2022-07-12 12:46:53 +02:00
parent f69dba437b
commit b43f50bf24
Signed by: romein
GPG Key ID: 0EFF8478ADDF6C49

View File

@ -46,9 +46,8 @@
<div class="content"><slot /></div> <div class="content"><slot /></div>
{#if date || since} {#if date || since}
<div class="time"> <div class="time">
{formattedDate} {#if formattedDate}<div>{formattedDate}</div>{/if}
{#if date && since}<br />{/if} {#if formattedDuration}<div>{formattedDuration}</div>{/if}
{formattedDuration}
</div> </div>
{/if} {/if}
</div> </div>
@ -110,11 +109,13 @@
} }
.bottom .time { .bottom .time {
margin-left: auto; margin: auto 0 0 auto;
opacity: 0.6; opacity: 0.6;
margin-left: auto;
font-size: 1.3vw; font-size: 1.3vw;
text-align: right; text-align: right;
display: flex;
align-items: flex-end;
flex-direction: column;
} }
.bottom .content { .bottom .content {