jeanmachine.dev
forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
Adjust toggle components sizing (#5408)
(cherry picked from commit a9cbd23fcdcbacbdd2ca5f6bbe0bc7161e6591e3)
authored by
Eric Bailey
and committed by
GitHub
c8184e82
c0cb5936
+10
-10
+10
-10
src/components/forms/Toggle.tsx
+10
-10
src/components/forms/Toggle.tsx
···
351
351
t.atoms.border_contrast_high,
352
352
{
353
353
borderWidth: 1,
354
-
height: 20,
355
-
width: 20,
354
+
height: 24,
355
+
width: 24,
356
356
},
357
357
baseStyles,
358
358
hovered ? baseHoverStyles : {},
···
383
383
t.atoms.border_contrast_high,
384
384
{
385
385
borderWidth: 1,
386
-
height: 20,
387
-
width: 32,
388
-
padding: 2,
386
+
height: 24,
387
+
width: 36,
388
+
padding: 3,
389
389
},
390
390
baseStyles,
391
391
hovered ? baseHoverStyles : {},
···
395
395
style={[
396
396
a.rounded_full,
397
397
{
398
-
height: 14,
399
-
width: 14,
398
+
height: 16,
399
+
width: 16,
400
400
},
401
401
selected
402
402
? {
···
436
436
t.atoms.border_contrast_high,
437
437
{
438
438
borderWidth: 1,
439
-
height: 20,
440
-
width: 20,
439
+
height: 24,
440
+
width: 24,
441
441
},
442
442
baseStyles,
443
443
hovered ? baseHoverStyles : {},
···
447
447
style={[
448
448
a.absolute,
449
449
a.rounded_full,
450
-
{height: 12, width: 12},
450
+
{height: 16, width: 16},
451
451
selected
452
452
? {
453
453
backgroundColor: t.palette.primary_500,