fix styles

This commit is contained in:
pompurin404 2024-08-09 09:59:13 +08:00
parent 09a8d8ecc7
commit 6d954a5986
No known key found for this signature in database
2 changed files with 17 additions and 14 deletions

View File

@ -5,11 +5,11 @@ const RuleItem: React.FC<IMihomoRulesDetail> = (props) => {
const { type, payload, proxy } = props
return (
<Card className="mb-2 mx-2">
<CardBody className="flex justify-between">
<div className="flex justify-between">
<CardBody className="w-full">
<div className="select-none text-ellipsis whitespace-nowrap overflow-hidden">{payload}</div>
<div className="flex justify-start text-default-500">
<div className="select-none">{type}</div>
<div className="select-none">{payload}</div>
<div className="select-none">{proxy}</div>
<div className="select-none ml-2">{proxy}</div>
</div>
</CardBody>
</Card>

View File

@ -160,17 +160,20 @@ const Proxies: React.FC = () => {
src={groups[index].icon}
/>
) : null}
<div className="flag-emoji h-[32px] select-none text-md leading-[32px]">
<div className="text-ellipsis overflow-hidden whitespace-nowrap">
<div className="inline flag-emoji h-[32px] select-none text-md leading-[32px]">
{groups[index].name}
</div>
{proxyDisplayMode === 'full' && (
<>
<div className="inline ml-2 text-sm text-default-500">
{groups[index].type}
</div>
<div className="flag-emoji inline ml-2 text-sm text-default-500">
)}
{proxyDisplayMode === 'full' && (
<div className="inline flag-emoji ml-2 text-sm text-default-500">
{groups[index].now}
</div>
</>
)}
</div>
</div>