mirror of
https://github.com/ReVanced/revanced-website.git
synced 2026-01-11 13:46:17 +00:00
refactor: make clear which date is created/archived
This commit is contained in:
@@ -1,5 +1,5 @@
|
|||||||
<script>
|
<script lang="ts">
|
||||||
export let horizontalPadding;
|
export let horizontalPadding: string;
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<svg
|
<svg
|
||||||
|
|||||||
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user