style(#145): bump dashboard widget content links to text-lg
Some checks failed
CI / Unit & Component Tests (push) Has been cancelled
CI / Backend Unit Tests (push) Has been cancelled
CI / E2E Tests (push) Has been cancelled
CI / Unit & Component Tests (pull_request) Successful in 2m38s
CI / Backend Unit Tests (pull_request) Failing after 2m20s
CI / E2E Tests (pull_request) Failing after 1h16m46s
Some checks failed
CI / Unit & Component Tests (push) Has been cancelled
CI / Backend Unit Tests (push) Has been cancelled
CI / E2E Tests (push) Has been cancelled
CI / Unit & Component Tests (pull_request) Successful in 2m38s
CI / Backend Unit Tests (pull_request) Failing after 2m20s
CI / E2E Tests (pull_request) Failing after 1h16m46s
Box content links (document titles, actor names) raised from text-sm to text-lg for improved readability and touch target size. "Show all" stays at text-sm to maintain hierarchy — box links are the primary action. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -31,7 +31,7 @@ let { mentions }: Props = $props();
|
|||||||
href={mention.annotationId
|
href={mention.annotationId
|
||||||
? `/documents/${mention.documentId}?commentId=${mention.referenceId}&annotationId=${mention.annotationId}`
|
? `/documents/${mention.documentId}?commentId=${mention.referenceId}&annotationId=${mention.annotationId}`
|
||||||
: `/documents/${mention.documentId}?commentId=${mention.referenceId}`}
|
: `/documents/${mention.documentId}?commentId=${mention.referenceId}`}
|
||||||
class="font-serif text-sm text-ink hover:text-ink-2"
|
class="font-serif text-lg text-ink hover:text-ink-2"
|
||||||
>
|
>
|
||||||
{mention.actorName ?? ''}
|
{mention.actorName ?? ''}
|
||||||
{#if mention.type === 'MENTION'}<span class="ml-1 font-sans text-xs text-gray-400"
|
{#if mention.type === 'MENTION'}<span class="ml-1 font-sans text-xs text-gray-400"
|
||||||
@@ -41,7 +41,7 @@ let { mentions }: Props = $props();
|
|||||||
>{/if}
|
>{/if}
|
||||||
</a>
|
</a>
|
||||||
{:else}
|
{:else}
|
||||||
<span class="font-serif text-sm text-ink">{mention.actorName ?? ''}</span>
|
<span class="font-serif text-lg text-ink">{mention.actorName ?? ''}</span>
|
||||||
{/if}
|
{/if}
|
||||||
</div>
|
</div>
|
||||||
{/each}
|
{/each}
|
||||||
|
|||||||
@@ -22,7 +22,7 @@ let { incompleteDocs }: Props = $props();
|
|||||||
<div class="flex items-center border-b border-line py-2 last:border-0">
|
<div class="flex items-center border-b border-line py-2 last:border-0">
|
||||||
<a
|
<a
|
||||||
href="/enrich/{doc.id}"
|
href="/enrich/{doc.id}"
|
||||||
class="font-serif text-sm text-ink hover:text-ink-2 hover:underline"
|
class="font-serif text-lg text-ink hover:text-ink-2 hover:underline"
|
||||||
>
|
>
|
||||||
{doc.title}
|
{doc.title}
|
||||||
</a>
|
</a>
|
||||||
|
|||||||
@@ -34,7 +34,7 @@ function formatDate(dateStr: string): string {
|
|||||||
<div class="flex items-center justify-between border-b border-line py-2 last:border-0">
|
<div class="flex items-center justify-between border-b border-line py-2 last:border-0">
|
||||||
<a
|
<a
|
||||||
href="/documents/{doc.id}"
|
href="/documents/{doc.id}"
|
||||||
class="font-serif text-sm text-ink hover:text-ink-2 hover:underline"
|
class="font-serif text-lg text-ink hover:text-ink-2 hover:underline"
|
||||||
>
|
>
|
||||||
{doc.title}
|
{doc.title}
|
||||||
</a>
|
</a>
|
||||||
|
|||||||
Reference in New Issue
Block a user