Fix: proxy group style

This commit is contained in:
Dreamacro 2021-06-26 19:55:21 +08:00
parent c8d1a3d4fb
commit 53f4aa4e32

View File

@ -48,11 +48,11 @@ export function Group (props: GroupProps) {
const canClick = config.type === 'Selector' const canClick = config.type === 'Selector'
return ( return (
<div className="proxy-group"> <div className="proxy-group">
<div className="w-full h-10 mt-4 flex flex-1 items-center justify-between md:h-15 md:mt-0"> <div className="w-full h-10 mt-4 flex items-center justify-between md:h-15 md:mt-0 md:w-auto">
<span className="overflow-hidden overflow-ellipsis whitespace-nowrap px-5 h-6 w-35 md:w-30">{ config.name }</span> <span className="overflow-hidden overflow-ellipsis whitespace-nowrap px-5 h-6 w-35 md:w-30">{ config.name }</span>
<Tag className="mr-5 md:mr-0">{ config.type }</Tag> <Tag className="mr-5 md:mr-0">{ config.type }</Tag>
</div> </div>
<div className="py-2 md:py-4"> <div className="py-2 md:py-4 flex-1">
<Tags <Tags
className="ml-5 md:ml-8" className="ml-5 md:ml-8"
data={config.all} data={config.all}