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

feat(proxy): do not truncate the proxy node name when not enough width, closes #351

Browse Source
This commit is contained in:
kunish 2023-10-19 23:59:22 +08:00
parent 522be608a7
commit a648f1e413
No known key found for this signature in database
GPG Key ID: 647A12B4F782C430
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/ProxyNodeCard.tsx
View File

@ -26,7 +26,7 @@ export const ProxyNodeCard = (props: {
return ( return (
<div <div
class={twMerge( class={twMerge(
'card card-bordered tooltip-bottom flex flex-col gap-1 border-neutral-focus bg-neutral p-2 text-neutral-content', 'card card-bordered tooltip-bottom flex flex-col justify-between gap-1 border-neutral-focus bg-neutral p-2 text-neutral-content',
isSelected && 'border-primary bg-primary-content text-primary', isSelected && 'border-primary bg-primary-content text-primary',
onClick && 'cursor-pointer', onClick && 'cursor-pointer',
)} )}
@ -34,7 +34,7 @@ export const ProxyNodeCard = (props: {
title={proxyName} title={proxyName}
> >
<div class="flex items-center justify-between gap-2"> <div class="flex items-center justify-between gap-2">
<span class="truncate text-left text-sm">{proxyName}</span> <span class="text-left text-sm">{proxyName}</span>
<Button <Button
class="btn-circle btn-ghost h-auto min-h-0 w-auto" class="btn-circle btn-ghost h-auto min-h-0 w-auto"
@ -58,7 +58,7 @@ export const ProxyNodeCard = (props: {
<div class="flex items-center justify-between gap-1"> <div class="flex items-center justify-between gap-1">
<div <div
class={twMerge( class={twMerge(
'truncate text-xs text-slate-500', 'text-xs text-slate-500',
isSelected && 'text-primary', isSelected && 'text-primary',
)} )}
> >