A personal media tracker built on the AT Protocol
opnshelf.xyz
Handle long profile handles
+6
-3
+6
-3
apps/web/src/routes/profile.tsx
+6
-3
apps/web/src/routes/profile.tsx
···
122
122
</span>
123
123
</div>
124
124
)}
125
-
<div>
126
-
<h1 className="md-headline-medium">
125
+
<div className="min-w-0 flex-1">
126
+
<h1 className="md-headline-medium [overflow-wrap:anywhere]">
127
127
{String(user.displayName || user.handle)}
128
128
</h1>
129
129
{user.displayName && (
130
-
<p style={{ color: "var(--md-sys-color-on-surface-variant)" }}>
130
+
<p
131
+
className="[overflow-wrap:anywhere]"
132
+
style={{ color: "var(--md-sys-color-on-surface-variant)" }}
133
+
>
131
134
@{user.handle}
132
135
</p>
133
136
)}