style(Segments): 调整选项卡悬停和禁用状态的样式
- 移除了选中选项卡的悬停背景色 - 统一了未选中选项卡的禁用状态颜色 - 调整了未选中选项卡的悬停状态样式
This commit is contained in:
@@ -91,8 +91,8 @@ const Segments: Component<SegmentsProps> = (props) => {
|
|||||||
class={cx(
|
class={cx(
|
||||||
'z-[5] cursor-pointer rounded-sm px-2 py-0.5',
|
'z-[5] cursor-pointer rounded-sm px-2 py-0.5',
|
||||||
selected() === option().value
|
selected() === option().value
|
||||||
? 'not-aria-disabled:text-on-primary-surface aria-disabled:text-primary-disabled hover:not-aria-disabled:bg-primary-surface-hover/45'
|
? 'not-aria-disabled:text-on-primary-surface aria-disabled:text-primary-disabled'
|
||||||
: 'not-aria-disabled:text-on-surface aria-disabled:text-surface-disabled hover:not-aria-disabled:bg-surface/35',
|
: 'not-aria-disabled:text-on-surface aria-disabled:text-neutral-disabled hover:not-aria-disabled:text-primary-hover',
|
||||||
)}
|
)}
|
||||||
onClick={() => handleSelect(option().value)}>
|
onClick={() => handleSelect(option().value)}>
|
||||||
{option().label}
|
{option().label}
|
||||||
|
Reference in New Issue
Block a user