fix: goose modes styling (#1833)

This commit is contained in:
Wendy Tang
2025-03-24 13:29:40 -07:00
committed by GitHub
parent 0cac3c148d
commit 7d4a11b0c8
@@ -95,9 +95,7 @@ export function ModeSelectionItem({
onClick={() => handleModeChange(mode.key)} onClick={() => handleModeChange(mode.key)}
> >
<div> <div>
<h3 className="text-sm font-semibold text-textStandard dark:text-gray-200"> <h3 className="text-sm font-light text-textStandard dark:text-gray-200">{mode.label}</h3>
{mode.label}
</h3>
{showDescription && ( {showDescription && (
<p className="text-xs text-textSubtle dark:text-gray-400 mt-[2px]"> <p className="text-xs text-textSubtle dark:text-gray-400 mt-[2px]">
{mode.description} {mode.description}
@@ -123,7 +121,7 @@ export function ModeSelectionItem({
className="peer sr-only" className="peer sr-only"
/> />
<div <div
className="h-5 w-5 rounded-full border border-gray-400 dark:border-gray-500 className="h-4 w-4 rounded-full border border-gray-400 dark:border-gray-500
peer-checked:border-[6px] peer-checked:border-black dark:peer-checked:border-white peer-checked:border-[6px] peer-checked:border-black dark:peer-checked:border-white
peer-checked:bg-white dark:peer-checked:bg-black peer-checked:bg-white dark:peer-checked:bg-black
transition-all duration-200 ease-in-out" transition-all duration-200 ease-in-out"