Public-Mirror/metacubexd
1
0
Fork 0
mirror of https://github.com/MetaCubeX/metacubexd.git synced 2024-12-25 19:14:12 +08:00
Code Issues Projects Releases Wiki Activity

fix(proxies): proxy type should be positioned relative to the card

Browse Source
This commit is contained in:
kunish 2024-10-11 23:00:26 +08:00
parent e38786ce98
commit 78ec9e5d6c
No known key found for this signature in database
GPG Key ID: 67D3ACD788F3A7CD
1 changed files with 6 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/ProxyNodeCard.tsx
View File

@ -34,21 +34,19 @@ export const ProxyNodeCard = (props: {
return (
<div
class={twMerge(
'card tooltip card-compact tooltip-accent bg-neutral text-neutral-content',
'card tooltip card-compact tooltip-accent relative bg-neutral text-neutral-content',
isSelected && 'bg-primary text-primary-content',
onClick && 'cursor-pointer',
)}
data-tip={proxyName}
onClick={onClick}
>
<div class="card-body relative">
<div class="badge badge-secondary badge-sm absolute bottom-0 left-1/2 -translate-x-1/2 font-bold uppercase">
{formatProxyType(proxyNode()?.type)}
</div>
<div class="badge badge-secondary badge-sm absolute bottom-0 left-1/2 -translate-x-1/2 font-bold uppercase">
{formatProxyType(proxyNode()?.type)}
</div>
<div class="card-title flex items-center justify-between gap-2">
<span class="line-clamp-1 text-start text-sm">{proxyName}</span>
</div>
<div class="card-body">
<h2 class="card-title line-clamp-1 text-start text-sm">{proxyName}</h2>
<span
class={twMerge(