xiaoxue_admin
/
xLog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: text overflow

This commit is contained in:
DIYgod 2022-08-24 01:06:07 +01:00
parent 60be2d4f26
commit 7ddf389325
No known key found for this signature in database
GPG Key ID: D159328F47A80DCA
1 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/common/ConnectButton.tsx
View File

@ -104,21 +104,24 @@ export const ConnectButton: React.FC<{
}
return (
<div
className="flex relative group"
className="relative group"
style={{ gap: 12, height: "30px" }}
>
{userSites.isSuccess ? (
<>
<button className="flex items-center" type="button">
<button
className="flex items-center w-full"
type="button"
>
<Avatar
className="align-middle mr-2"
images={userSites.data?.[0]?.avatars || []}
name={userSites.data?.[0]?.name}
size={30}
/>
<div className="flex flex-col">
<div className="flex-1 flex flex-col min-w-0">
<span
className={`text-left leading-none font-medium ${
className={`text-left leading-none font-medium truncate ${
InsufficientBalance
? "text-red-600"
: "text-gray-600"
@ -129,7 +132,7 @@ export const ConnectButton: React.FC<{
</span>
{userSites.data?.[0]?.username && (
<span
className={`text-left leading-none text-xs ${
className={`text-left leading-none text-xs truncate ${
InsufficientBalance
? "text-red-400"
: "text-gray-400"