diff --git a/app/components/elements/Switch.module.css b/app/components/elements/Switch.module.css index 1356f677f..1c71fae47 100644 --- a/app/components/elements/Switch.module.css +++ b/app/components/elements/Switch.module.css @@ -1,5 +1,5 @@ .root { - --height: var(--toggle-height); + --height: var(--toggle-height-small); cursor: pointer; display: grid; @@ -13,10 +13,6 @@ margin-block-end: 0; } -.small { - --height: var(--toggle-height-small); -} - .indicator { width: calc(var(--height) * 1.75); height: var(--height); diff --git a/app/components/elements/Switch.tsx b/app/components/elements/Switch.tsx index 7f5d2c883..218e4c1c5 100644 --- a/app/components/elements/Switch.tsx +++ b/app/components/elements/Switch.tsx @@ -1,4 +1,3 @@ -import clsx from "clsx"; import { Switch as ReactAriaSwitch, type SwitchProps as ReactAriaSwitchProps, @@ -7,15 +6,11 @@ import styles from "./Switch.module.css"; interface SendouSwitchProps extends ReactAriaSwitchProps { children?: React.ReactNode; - size?: "small" | "medium"; } -export function SendouSwitch({ children, size, ...rest }: SendouSwitchProps) { +export function SendouSwitch({ children, ...rest }: SendouSwitchProps) { return ( - +
{children} diff --git a/app/features/build-analyzer/routes/analyzer.tsx b/app/features/build-analyzer/routes/analyzer.tsx index 6bc7c6142..753b9d40d 100644 --- a/app/features/build-analyzer/routes/analyzer.tsx +++ b/app/features/build-analyzer/routes/analyzer.tsx @@ -1314,7 +1314,6 @@ function EffectsSelector({ ? handleAddEffect(effect.type) : handleRemoveEffect(effect.type) } - size="small" /> )}
diff --git a/app/features/calendar/components/BracketProgressionSelector.tsx b/app/features/calendar/components/BracketProgressionSelector.tsx index ed8008c50..83eed6262 100644 --- a/app/features/calendar/components/BracketProgressionSelector.tsx +++ b/app/features/calendar/components/BracketProgressionSelector.tsx @@ -475,7 +475,6 @@ function TournamentFormatBracketSelector({
updateBracket({ diff --git a/app/features/calendar/routes/calendar.new.tsx b/app/features/calendar/routes/calendar.new.tsx index bcb93c480..33e3ee3bd 100644 --- a/app/features/calendar/routes/calendar.new.tsx +++ b/app/features/calendar/routes/calendar.new.tsx @@ -818,7 +818,6 @@ function RankedToggle() { @@ -847,7 +846,6 @@ function EnableNoScreenToggle() { @@ -873,7 +871,6 @@ function EnableSubsToggle() { @@ -900,7 +897,6 @@ function AutonomousSubsToggle() { @@ -927,7 +923,6 @@ function RequireIGNToggle() { @@ -957,7 +952,6 @@ function InvitationalToggle({ @@ -984,7 +978,6 @@ function TestToggle() { diff --git a/app/features/components-showcase/routes/components.tsx b/app/features/components-showcase/routes/components.tsx index 392688dc9..f64341ecf 100644 --- a/app/features/components-showcase/routes/components.tsx +++ b/app/features/components-showcase/routes/components.tsx @@ -597,7 +597,6 @@ function SelectSection({ id }: { id: string }) { function SwitchSection({ id }: { id: string }) { const [isOn, setIsOn] = useState(false); - const [isSmallOn, setIsSmallOn] = useState(true); return (
@@ -610,16 +609,6 @@ function SwitchSection({ id }: { id: string }) { - - - Small switch - - - diff --git a/app/features/map-list-generator/routes/maps.tsx b/app/features/map-list-generator/routes/maps.tsx index cd9c9fab6..c2c3c422b 100644 --- a/app/features/map-list-generator/routes/maps.tsx +++ b/app/features/map-list-generator/routes/maps.tsx @@ -138,11 +138,7 @@ function MapListCreator({ mapPool }: { mapPool: MapPool }) {
- +
{t("common:maps.createMapList")} diff --git a/app/features/tier-list-maker/routes/tier-list-maker.tsx b/app/features/tier-list-maker/routes/tier-list-maker.tsx index 5612ad30a..90a9131a2 100644 --- a/app/features/tier-list-maker/routes/tier-list-maker.tsx +++ b/app/features/tier-list-maker/routes/tier-list-maker.tsx @@ -195,14 +195,12 @@ function TierListMakerContent() { {t("tier-list-maker:allowDuplicates")} {t("tier-list-maker:showTierHeaders")} diff --git a/app/features/tournament-bracket/routes/to.$id.brackets.finalize.tsx b/app/features/tournament-bracket/routes/to.$id.brackets.finalize.tsx index a37872013..45a91f3ce 100644 --- a/app/features/tournament-bracket/routes/to.$id.brackets.finalize.tsx +++ b/app/features/tournament-bracket/routes/to.$id.brackets.finalize.tsx @@ -229,7 +229,6 @@ function NewBadgeReceiversSelector({ badgeId: badge.id, userId: member.userId, })} - size="small" /> {member.username} diff --git a/app/styles/vars.css b/app/styles/vars.css index 57cc73ab0..bd1d79027 100644 --- a/app/styles/vars.css +++ b/app/styles/vars.css @@ -140,7 +140,6 @@ html { --input-focus-ring: 2px solid var(--color-text-accent); --input-focus-ring-error: 2px solid var(--color-error); - --toggle-height: 1.5rem; --toggle-height-small: 1.25rem; --input-icon-width: 18px;