fix(mobile): native settings controls + soundboard/gif/call polish (M5)

Mobile-audit batch 5. Desktop provably unchanged (two review passes).

- Translate-language control: raw <select> (crowded narrow tiles + broke under
  non-default themes) -> the folds-native SettingsSelect used by every other
  dropdown in the settings screen (native-cinny; keeps aria-label).
- Ringtone/Soundboard volume sliders: moved from the fixed-width tile `after`
  slot (which squeezed the title on phones) to a full-width slider in the tile
  body, matching the night-light slider pattern.
- Screenshare-confirm popover: clamp maxWidth to the viewport so it can't run
  past the screen edges on a phone (inert on desktop).
- In-call soundboard editor rows wrap on a narrow popout instead of crushing the
  clip-name field.
- GifPicker: feed the giphy Grid the measured container width (useElementSize
  Observer) instead of a fixed 296px, so it doesn't overflow a <312px phone.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

This commit is contained in:

jared

2026-07-18 22:38:01 -04:00

co-authored by

Claude Opus 4.8

parent 4c298a36b4

commit 09415f95c0

4 changed files with 67 additions and 56 deletions

									
										src/app/components/soundboard-pack-view/SoundboardPackEditor.tsx
									
		+1
		
												View File
												
				@@ -275,6 +275,7 @@ export function SoundboardPackEditor({ pack, canEdit, onUpdate }: SoundboardPack

				        key={key}

				        alignItems="Center"

				        gap="200"

				        wrap="Wrap"

				        style={{

				          padding: config.space.S200,

				          borderRadius: config.radii.R400,