TheThomaas/ha-cookcli
1
0
Fork 0
Code Issues 2 Pull requests Actions Packages Projects 1 Releases 6 Wiki Activity

Update cookcli-recipe-strategy.js

Browse source
This commit is contained in:
TheThomaas 2026-09-24 16:44:30 +02:00
parent 4c51d60259
commit 058a2bdbb3
1 changed files with 16 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
custom_components/cookcli/www/cookcli-recipe-strategy.js
View file

@ -117,6 +117,7 @@ class CookCliRecipeViewStrategy extends HTMLElement {
// Largeur unique de tous les boutons de navigation (Commencer, Précédent,
// Suivant) : c'est elle qu'on ajuste pour les agrandir ou les réduire.
static NAV_BUTTON_WIDTH = "clamp(96px, 26vw, 150px)";
static NAV_BUTTON_WIDTH_MOBILE = "clamp(46px, 20vw, 100px)";
static async generate(config, hass) {
config = config || {};
@ -231,6 +232,11 @@ class CookCliRecipeViewStrategy extends HTMLElement {
: `background: var(--secondary-background-color);`}
}
@media (max-width: 869px) {
:host {
flex: 0 0 ${this.NAV_BUTTON_WIDTH_MOBILE} !important;
width: ${this.NAV_BUTTON_WIDTH_MOBILE} !important;
height: ${this.NAV_BUTTON_WIDTH_MOBILE} !important;
}
ha-card > span {
border: 0 !important;
clip-path: inset(50%) !important;