feat(search): add year/group headers in document list when sorted by date, sender, or receiver #236
@@ -2,9 +2,14 @@
|
|||||||
let { label }: { label: string } = $props();
|
let { label }: { label: string } = $props();
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div data-testid="group-divider" class="relative flex items-center py-2 text-center">
|
<div
|
||||||
|
data-testid="group-divider"
|
||||||
|
role="separator"
|
||||||
|
aria-label={label}
|
||||||
|
class="relative flex items-center py-2 text-center"
|
||||||
|
>
|
||||||
<div class="flex-grow border-t border-line"></div>
|
<div class="flex-grow border-t border-line"></div>
|
||||||
<span class="mx-4 font-sans text-xs font-bold tracking-widest text-ink/40 uppercase">{label}</span
|
<span class="mx-4 font-sans text-sm font-bold tracking-widest text-ink/60 uppercase">{label}</span
|
||||||
>
|
>
|
||||||
<div class="flex-grow border-t border-line"></div>
|
<div class="flex-grow border-t border-line"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user