mleku/smesh
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: hanlde display of overly long usernames

Browse Source
This commit is contained in:
codytseng
2025-06-30 09:42:43 +08:00
parent d3093a1c4e
commit 338b1f8a4c
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/AccountList/index.tsx
View File

@@ -37,10 +37,10 @@ export default function AccountList({
}} }}
> >
<div className="flex justify-between items-center p-2"> <div className="flex justify-between items-center p-2">
<div className="flex items-center gap-2 relative"> <div className="flex-1 flex items-center gap-2 relative">
<SimpleUserAvatar userId={act.pubkey} /> <SimpleUserAvatar userId={act.pubkey} />
<div> <div className="flex-1 w-0">
<SimpleUsername userId={act.pubkey} className="font-semibold" /> <SimpleUsername userId={act.pubkey} className="font-semibold truncate" />
<div className="text-sm rounded-full bg-muted px-2 w-fit"> <div className="text-sm rounded-full bg-muted px-2 w-fit">
{formatPubkey(act.pubkey)} {formatPubkey(act.pubkey)}
</div> </div>

4
src/pages/primary/MePage/index.tsx
View File

@@ -45,9 +45,9 @@ const MePage = forwardRef((_, ref) => {
<PrimaryPageLayout ref={ref} pageName="home" titlebar={<MePageTitlebar />}> <PrimaryPageLayout ref={ref} pageName="home" titlebar={<MePageTitlebar />}>
<div className="flex gap-4 items-center p-4"> <div className="flex gap-4 items-center p-4">
<SimpleUserAvatar userId={pubkey} size="big" /> <SimpleUserAvatar userId={pubkey} size="big" />
<div className="space-y-1"> <div className="space-y-1 flex-1 w-0">
<SimpleUsername <SimpleUsername
className="text-xl font-semibold truncate" className="text-xl font-semibold text-wrap"
userId={pubkey} userId={pubkey}
skeletonClassName="h-6 w-32" skeletonClassName="h-6 w-32"
/> />