Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2026-08-24 07:12:23 +10:00
Code Issues Packages Projects Releases Wiki Activity

style(ui): polished typography and switched webfonts to woff2

Browse Source 
- Switched bundled browser font references from TTF to WOFF2 and enabled optical sizing.
- Refined heading hierarchy, text wrapping, mobile controls, and numeric alignment.
- Polished notification badges, button underlines, and ligature rendering.
This commit is contained in:
ephraimduncan
2026-08-19 09:41:41 +00:00
parent d42254ff52
commit 66f8dc7e8a
18 changed files with 35 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/remix/app/routes/_authenticated+/t.$teamUrl+/documents._index.tsx
+2 -2
View File
@@ -186,9 +186,9 @@ export default function DocumentsPage() {
<AvatarFallback className="text-muted-foreground text-xs">{team.name.slice(0, 1)}</AvatarFallback>
</Avatar>
<h2 className="font-semibold text-4xl">
<h1 className="font-semibold text-2xl leading-tight tracking-tight md:text-3xl">
<Trans>Documents</Trans>
</h2>
</h1>
</div>
<div className="mt-8 flex flex-wrap items-center gap-x-2 gap-y-4">
apps/remix/app/routes/_authenticated+/t.$teamUrl+/templates._index.tsx
+5 -5
View File
@@ -107,7 +107,7 @@ export default function TemplatesPage() {
<AvatarFallback className="text-muted-foreground text-xs">{team.name.slice(0, 1)}</AvatarFallback>
</Avatar>
<h1 className="truncate font-semibold text-2xl md:text-3xl">
<h1 className="font-semibold text-2xl leading-tight tracking-tight md:text-3xl">
<Trans>Templates</Trans>
</h1>
</div>
@@ -137,15 +137,15 @@ export default function TemplatesPage() {
<div className="mt-8">
{activeQuery.data && activeQuery.data.count === 0 ? (
<div className="flex h-96 flex-col items-center justify-center gap-y-4 text-muted-foreground/60">
<Bird className="h-12 w-12" strokeWidth={1.5} />
<div className="flex h-96 flex-col items-center justify-center gap-y-4">
<Bird className="h-12 w-12 text-muted-foreground/60" strokeWidth={1.5} />
<div className="text-center">
<h3 className="font-semibold text-lg">
<h3 className="font-semibold text-foreground text-lg">
<Trans>We're all empty</Trans>
</h3>
<p className="mt-2 max-w-[50ch]">
<p className="mt-2 max-w-[50ch] text-muted-foreground [text-wrap:pretty]">
{isOrgView ? (
<Trans>No organisation templates are shared with your team yet.</Trans>
) : (