Austin/mihomo-party
1
0
Fork 0
mirror of https://github.com/pompurin404/mihomo-party.git synced 2024-11-16 11:42:19 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

fix styles

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/renderer/src/components/rules/rule-item.tsx
View File

@ -5,11 +5,11 @@ const RuleItem: React.FC<IMihomoRulesDetail> = (props) => {
const { type, payload, proxy } = props const { type, payload, proxy } = props
return ( return (
<Card className="mb-2 mx-2"> <Card className="mb-2 mx-2">
<CardBody className="flex justify-between"> <CardBody className="w-full">
<div className="flex justify-between"> <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">{type}</div>
<div className="select-none">{payload}</div> <div className="select-none ml-2">{proxy}</div>
<div className="select-none">{proxy}</div>
</div> </div>
</CardBody> </CardBody>
</Card> </Card>

23
src/renderer/src/pages/proxies.tsx
View File

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