trafficlunar/tomodachi-share
1
0
Fork 0
mirror of https://github.com/trafficlunar/tomodachi-share.git synced 2026-06-28 14:44:15 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: input range thumb off center

Browse source
This commit is contained in:
trafficlunar 2026-04-06 14:27:45 +01:00
parent 14c992a9ce
commit c45c51fa31
4 changed files with 9 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/mii/instructions.tsx
View file

@ -206,7 +206,7 @@ export default function MiiInstructions({ instructions }: Props) {
</label>
<div className="relative h-5 flex justify-center items-center">
<input id="height" type="range" min={0} max={128} step={1} disabled value={height} />
<div className="absolute h-4 w-1.5 rounded bg-orange-400 z-0"></div>
<div className="absolute h-4 w-1.5 rounded bg-orange-300 z-0"></div>
</div>
</div>
)}
@ -217,7 +217,7 @@ export default function MiiInstructions({ instructions }: Props) {
</label>
<div className="relative h-5 flex justify-center items-center">
<input id="weight" type="range" min={0} max={128} step={1} disabled value={weight} />
<div className="absolute h-4 w-1.5 rounded bg-orange-400 z-0"></div>
<div className="absolute h-4 w-1.5 rounded bg-orange-300 z-0"></div>
</div>
</div>
)}

2
src/components/mii/voice-viewer.tsx
View file

@ -33,7 +33,7 @@ export default function VoiceViewer({ data, onChange, onClickTone }: Props) {
if (onChange) onChange(e, label.toLowerCase());
}}
/>
<div className="absolute h-4 w-1.5 rounded bg-orange-400 z-0"></div>
<div className="absolute h-4 w-1.5 rounded bg-orange-300 z-0"></div>
</div>
</div>
))}

4
src/components/submit-form/mii-editor/tabs/misc.tsx
View file

@ -67,7 +67,7 @@ export default function HeadTab({ instructions }: Props) {
instructions.current.height = e.target.valueAsNumber;
}}
/>
<div className="absolute h-4 w-1.5 rounded bg-orange-400 z-0"></div>
<div className="absolute h-4 w-1.5 rounded bg-orange-300 z-0"></div>
</div>
</div>
@ -89,7 +89,7 @@ export default function HeadTab({ instructions }: Props) {
instructions.current.weight = e.target.valueAsNumber;
}}
/>
<div className="absolute h-4 w-1.5 rounded bg-orange-400 z-0"></div>
<div className="absolute h-4 w-1.5 rounded bg-orange-300 z-0"></div>
</div>
</div>