beenull/WebChat
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

perf: optimize header theme styles

Browse source
This commit is contained in:
molvqingtai 2024-10-28 09:31:38 +08:00
parent 4f6eb560fe
commit 025166ead5
1 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/app/content/views/Header/index.tsx
View file

@ -44,7 +44,9 @@ const Header: FC = () => {
<div className="grid items-center"> <div className="grid items-center">
<h4 className="truncate text-sm font-semibold">{siteInfo.title}</h4> <h4 className="truncate text-sm font-semibold">{siteInfo.title}</h4>
{siteInfo.description && ( {siteInfo.description && (
<p className="line-clamp-2 max-h-8 text-xs text-slate-500">{siteInfo.description}</p> <p className="line-clamp-2 max-h-8 text-xs text-slate-500 dark:text-slate-300">
{siteInfo.description}
</p>
)} )}
</div> </div>
</div> </div>
@ -84,7 +86,7 @@ const Header: FC = () => {
<AvatarImage className="size-full" src={user.userAvatar} alt="avatar" /> <AvatarImage className="size-full" src={user.userAvatar} alt="avatar" />
<AvatarFallback>{user.username.at(0)}</AvatarFallback> <AvatarFallback>{user.username.at(0)}</AvatarFallback>
</Avatar> </Avatar>
<div className="flex-1 truncate text-xs text-slate-500">{user.username}</div> <div className="flex-1 truncate text-xs text-slate-500 dark:text-slate-50">{user.username}</div>
</div> </div>
)} )}
></Virtuoso> ></Virtuoso>