refactor: make clear which date is created/archived

This commit is contained in:
madkarmaa
2025-06-16 16:33:05 +02:00
parent 69b412ecc8
commit 28d6d62069
2 changed files with 18 additions and 6 deletions

View File

@@ -1,5 +1,5 @@
<script> <script lang="ts">
export let horizontalPadding; export let horizontalPadding: string;
</script> </script>
<svg <svg

View File

@@ -23,19 +23,25 @@
{#if (isEditing || isCreating) && !isPreviewing} {#if (isEditing || isCreating) && !isPreviewing}
<span> <span>
<input type="datetime-local" max="9999-12-31T23:59" bind:value={createdAtInput} /> <label>
Created
<input type="datetime-local" max="9999-12-31T23:59" bind:value={createdAtInput} />
</label>
{#if archivedAtInput} {#if archivedAtInput}
<ArrowRight size="24" /> <ArrowRight size="24" />
<input type="datetime-local" max="9999-12-31T23:59" bind:value={archivedAtInput} /> <label>
Archived
<input type="datetime-local" max="9999-12-31T23:59" bind:value={archivedAtInput} />
</label>
{/if} {/if}
</span> </span>
{:else if displayCreatedAt} {:else if displayCreatedAt}
<span> <span>
{relativeTime(displayCreatedAt)} Created {relativeTime(displayCreatedAt)}
{#if displayArchivedAt} {#if displayArchivedAt}
<ArrowRight size="24" /> <ArrowRight size="24" />
{relativeTime(displayArchivedAt)} Archived {relativeTime(displayArchivedAt)}
{/if} {/if}
</span> </span>
{/if} {/if}
@@ -48,6 +54,12 @@
column-gap: 1rem; column-gap: 1rem;
} }
label {
display: inline-flex;
align-items: center;
gap: 0.5rem;
}
input { input {
&, &,
&:focus { &:focus {