mirror of
https://gh.catmak.name/https://github.com/mihomo-party-org/mihomo-party
synced 2025-12-27 21:20:29 +08:00
add tooltip
This commit is contained in:
parent
d660c5d0dc
commit
ba4de39f1e
@ -169,6 +169,7 @@ const OverrideItem: React.FC<Props> = (props) => {
|
|||||||
ref={setNodeRef}
|
ref={setNodeRef}
|
||||||
{...attributes}
|
{...attributes}
|
||||||
{...listeners}
|
{...listeners}
|
||||||
|
title={info?.name}
|
||||||
className={`text-ellipsis whitespace-nowrap overflow-hidden text-md font-bold leading-[32px] text-foreground`}
|
className={`text-ellipsis whitespace-nowrap overflow-hidden text-md font-bold leading-[32px] text-foreground`}
|
||||||
>
|
>
|
||||||
{info?.name}
|
{info?.name}
|
||||||
|
|||||||
@ -185,6 +185,7 @@ const ProfileItem: React.FC<Props> = (props) => {
|
|||||||
ref={setNodeRef}
|
ref={setNodeRef}
|
||||||
{...attributes}
|
{...attributes}
|
||||||
{...listeners}
|
{...listeners}
|
||||||
|
title={info?.name}
|
||||||
className={`text-ellipsis whitespace-nowrap overflow-hidden text-md font-bold leading-[32px] ${isCurrent ? 'text-white' : 'text-foreground'}`}
|
className={`text-ellipsis whitespace-nowrap overflow-hidden text-md font-bold leading-[32px] ${isCurrent ? 'text-white' : 'text-foreground'}`}
|
||||||
>
|
>
|
||||||
{info?.name}
|
{info?.name}
|
||||||
|
|||||||
@ -65,12 +65,17 @@ const ProxyItem: React.FC<Props> = (props) => {
|
|||||||
<CardBody className="p-2">
|
<CardBody className="p-2">
|
||||||
<div className="flex justify-between items-center">
|
<div className="flex justify-between items-center">
|
||||||
<div className="text-ellipsis overflow-hidden whitespace-nowrap">
|
<div className="text-ellipsis overflow-hidden whitespace-nowrap">
|
||||||
<div className="flag-emoji inline">{proxy.name}</div>
|
<div className="flag-emoji inline" title={proxy.name}>
|
||||||
|
{proxy.name}
|
||||||
|
</div>
|
||||||
{proxyDisplayMode === 'full' && (
|
{proxyDisplayMode === 'full' && (
|
||||||
<div className="inline ml-2 text-default-500">{proxy.type}</div>
|
<div className="inline ml-2 text-default-500" title={proxy.type}>
|
||||||
|
{proxy.type}
|
||||||
|
</div>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
<Button
|
<Button
|
||||||
|
title={proxy.type}
|
||||||
isLoading={loading}
|
isLoading={loading}
|
||||||
color={delayColor(delay)}
|
color={delayColor(delay)}
|
||||||
onPress={onDelay}
|
onPress={onDelay}
|
||||||
|
|||||||
@ -7,7 +7,9 @@ const RuleItem: React.FC<IMihomoRulesDetail & { index: number }> = (props) => {
|
|||||||
<div className={`w-full px-2 pb-2 ${index === 0 ? 'pt-2' : ''}`}>
|
<div className={`w-full px-2 pb-2 ${index === 0 ? 'pt-2' : ''}`}>
|
||||||
<Card>
|
<Card>
|
||||||
<CardBody className="w-full">
|
<CardBody className="w-full">
|
||||||
<div className="text-ellipsis whitespace-nowrap overflow-hidden">{payload}</div>
|
<div title={payload} className="text-ellipsis whitespace-nowrap overflow-hidden">
|
||||||
|
{payload}
|
||||||
|
</div>
|
||||||
<div className="flex justify-start text-default-500">
|
<div className="flex justify-start text-default-500">
|
||||||
<div>{type}</div>
|
<div>{type}</div>
|
||||||
<div className="ml-2">{proxy}</div>
|
<div className="ml-2">{proxy}</div>
|
||||||
|
|||||||
@ -69,6 +69,7 @@ const ProfileCard: React.FC = () => {
|
|||||||
className="flex justify-between h-[32px]"
|
className="flex justify-between h-[32px]"
|
||||||
>
|
>
|
||||||
<h3
|
<h3
|
||||||
|
title={info?.name}
|
||||||
className={`text-ellipsis whitespace-nowrap overflow-hidden text-md font-bold leading-[32px] ${match ? 'text-white' : 'text-foreground'} `}
|
className={`text-ellipsis whitespace-nowrap overflow-hidden text-md font-bold leading-[32px] ${match ? 'text-white' : 'text-foreground'} `}
|
||||||
>
|
>
|
||||||
{info?.name}
|
{info?.name}
|
||||||
|
|||||||
@ -200,11 +200,17 @@ const Proxies: React.FC = () => {
|
|||||||
/>
|
/>
|
||||||
) : null}
|
) : null}
|
||||||
<div className="text-ellipsis overflow-hidden whitespace-nowrap">
|
<div className="text-ellipsis overflow-hidden whitespace-nowrap">
|
||||||
<div className="inline flag-emoji h-[32px] text-md leading-[32px]">
|
<div
|
||||||
|
title={groups[index].name}
|
||||||
|
className="inline flag-emoji h-[32px] text-md leading-[32px]"
|
||||||
|
>
|
||||||
{groups[index].name}
|
{groups[index].name}
|
||||||
</div>
|
</div>
|
||||||
{proxyDisplayMode === 'full' && (
|
{proxyDisplayMode === 'full' && (
|
||||||
<div className="inline ml-2 text-sm text-default-500">
|
<div
|
||||||
|
title={groups[index].type}
|
||||||
|
className="inline ml-2 text-sm text-default-500"
|
||||||
|
>
|
||||||
{groups[index].type}
|
{groups[index].type}
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user