xt/comfy-downloader
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(components): 调整复选框和单选按钮的样式

Browse Source 
- 在 Check 和 Radio 组件中，将项目之间的 gap 从 2 调整为 1
- 此修改提高了组件的视觉紧凑性
This commit is contained in:
Vixalie
2025-08-12 15:31:30 +08:00
parent 722c7b075d
commit d58035648a
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Check.tsx
View File

@@ -49,7 +49,7 @@ const Check: ParentComponent<CheckBoxProps> = (props) => {
}; };
return ( return (
<div class="flex flex-row items-center gap-2 cursor-pointer" onClick={handleClick}> <div class="flex flex-row items-center gap-1 cursor-pointer" onClick={handleClick}>
<Dynamic component={CheckIcon[internalChecked() ? 1 : 0]} /> <Dynamic component={CheckIcon[internalChecked() ? 1 : 0]} />
<div>{mProps.children}</div> <div>{mProps.children}</div>
<Show when={isNotNil(mProps.name)}> <Show when={isNotNil(mProps.name)}>

2
src/components/Radio.tsx
View File

@@ -49,7 +49,7 @@ const Radio: ParentComponent<RadioProps> = (props) => {
}; };
return ( return (
<div class="flex flex-row items-center gap-2 cursor-pointer" onClick={handleClick}> <div class="flex flex-row items-center gap-1 cursor-pointer" onClick={handleClick}>
<Dynamic component={RadioIcon[internalChecked() ? 1 : 0]} /> <Dynamic component={RadioIcon[internalChecked() ? 1 : 0]} />
<div>{mProps.children}</div> <div>{mProps.children}</div>
<Show when={isNotNil(mProps.name)}> <Show when={isNotNil(mProps.name)}>