Skip to content

Commit bc400fb

Browse files
committed
style: make toggle group match send button size
- Change ToggleGroup padding from px-2 py-1 to px-1.5 py-0.5 - Keeps mode selector and send button visually consistent
1 parent 53cefb3 commit bc400fb

File tree

1 file changed

+2
-2
lines changed

1 file changed

+2
-2
lines changed

src/browser/components/ToggleGroup.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -30,7 +30,7 @@ export function ToggleGroup<T extends string>({
3030
onClick={() => onChange(nextOption.value)}
3131
type="button"
3232
className={cn(
33-
"px-2 py-1 text-[11px] font-sans rounded-sm border-none cursor-pointer transition-all duration-150",
33+
"px-1.5 py-0.5 text-[11px] font-sans rounded-sm border-none cursor-pointer transition-all duration-150",
3434
"text-toggle-text-active bg-toggle-active font-medium",
3535
activeOption?.activeClassName
3636
)}
@@ -52,7 +52,7 @@ export function ToggleGroup<T extends string>({
5252
aria-pressed={isActive}
5353
type="button"
5454
className={cn(
55-
"px-2 py-1 text-[11px] font-sans rounded-sm border-none cursor-pointer transition-all duration-150 bg-transparent",
55+
"px-1.5 py-0.5 text-[11px] font-sans rounded-sm border-none cursor-pointer transition-all duration-150 bg-transparent",
5656
isActive
5757
? "text-toggle-text-active bg-toggle-active font-medium"
5858
: "text-toggle-text font-normal hover:text-toggle-text-hover hover:bg-toggle-hover",

0 commit comments

Comments
 (0)