hermann/expria-frontend
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

feat(simulations): clavier caractères spéciaux sticky + flex-wrap + auto-resize textarea

Browse source
This commit is contained in:
Hermann_Kitio 2026-04-20 23:54:42 +03:00
parent 4f786dd44b
commit 869668a1ba
2 changed files with 35 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/features/simulations/components/SpecialCharsKeyboard.tsx
View file

@ -27,7 +27,7 @@ export function SpecialCharsKeyboard({ onInsert, disabled = false }: Props) {
<div
role="toolbar"
aria-label="Caractères spéciaux"
className="flex gap-1.5 overflow-x-auto rounded-md border border-line bg-canvas-2 p-2"
className="flex flex-wrap gap-1.5 rounded-md border border-line bg-canvas-2 p-2"
>
{SPECIAL_CHARS.map((char) => (
<button
@ -37,7 +37,7 @@ export function SpecialCharsKeyboard({ onInsert, disabled = false }: Props) {
onMouseDown={(e) => e.preventDefault()}
onClick={() => onInsert(char)}
aria-label={`Insérer le caractère ${char}`}
className="size-10 shrink-0 rounded-md border border-line bg-surface text-sm font-medium text-ink-1 transition-colors hover:border-expria hover:bg-expria-50 hover:text-expria focus:border-expria focus:outline-none focus:ring-2 focus:ring-expria/20 disabled:cursor-not-allowed disabled:opacity-50"
className="size-8 shrink-0 rounded-md border border-line bg-surface text-sm font-medium text-ink-1 transition-colors hover:border-expria hover:bg-expria-50 hover:text-expria focus:border-expria focus:outline-none focus:ring-2 focus:ring-expria/20 disabled:cursor-not-allowed disabled:opacity-50"
>
{char}
</button>