diff --git a/package-lock.json b/package-lock.json index 407825c..cee8ba3 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "streamsim", - "version": "0.12.14", + "version": "0.12.15", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "streamsim", - "version": "0.12.14", + "version": "0.12.15", "license": "MIT", "dependencies": { "electron-updater": "^6.8.9", diff --git a/package.json b/package.json index 1741181..e8653c3 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "streamsim", "productName": "StreamSim", - "version": "0.12.14", + "version": "0.12.15", "description": "Clone logiciel de Stream Deck : serveur PC, application de configuration et client Android.", "author": "StreamSim", "license": "MIT", diff --git a/public/css/base.css b/public/css/base.css index f19875e..47a8a57 100644 --- a/public/css/base.css +++ b/public/css/base.css @@ -315,10 +315,16 @@ select optgroup { transform: none; font-size: 52cqmin; } +/* Image de l'utilisateur (touche entière) : posée en absolu pour remplir exactement la touche. Une hauteur + en % ne se résolvait pas dans la grille de la touche : l'image gardait sa taille d'origine et était coupée en + bas (texte de l'étiquette) dès que la touche était plus basse que large (téléphone en paysage). Affichée + entière (contain), centrée sur la couleur de la touche. */ .keyface img.kf-icon { + position: absolute; + inset: 0; width: 100%; height: 100%; - object-fit: cover; + object-fit: contain; transform: none; filter: none; } @@ -345,6 +351,7 @@ select optgroup { } /* Icônes fournies (SVG blancs) : dimensionnées comme un emoji, pas en plein cadre. */ .keyface img.kf-icon.kf-svg { + position: static; width: 48cqmin; height: 48cqmin; object-fit: contain;