Michael/Loki
1
0 Fork 0
mirror of https://github.com/R0m1k3/Loki.git synced 2026-10-11 17:26:57 +02:00
Code Issues Packages Projects Releases Wiki Activity

Largeur de lecture : suivre le panneau au lieu d'une colonne étroite centrée

Browse Source 
Sur un écran large, le fil se réduisait à ~590 px de texte entouré de vide :
la mesure était plafonnée à 760 px et centrée sur la fenêtre, alors que la
charte fait courir le texte sur toute la largeur du panneau.

Elle était en plus codée à TROIS endroits avec des valeurs différentes
(450 / 380 / 360 px), donc condamnée à diverger entre le fil et la carte de
saisie. Une seule variable --measure les pilote désormais tous les deux.

La borne haute reste : au-delà, l'œil perd le début de la ligne suivante.
1080 px ≈ 110 caractères — large, mais encore lisible.

Mesuré au navigateur en 2000 px : réponse 1050 px (contre 589), question
788 px (75 %, conforme à la charte), carte de saisie alignée sur le fil.
This commit is contained in:
Loki committed 2026-08-15 22:03:28 +00:00
1 parent e7a3bcca1f
commit c90a2d86eb
2 files changed
+28
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

internal/loki/ui/index.html
+14
View File
@@ -1330,6 +1330,20 @@ button:hover{border-color:var(--dim);color:var(--text)}
#send:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:#fff;opacity:.88}
#stop{background:var(--err);border-color:var(--err);color:#fff}
#stop:hover{background:var(--err);border-color:var(--err);color:#fff;opacity:.88}
/* --- Terre : largeur de lecture --------------------------------------
La mesure était plafonnée à 760 px et centrée sur la fenêtre : sur un écran
large, le fil se réduisait à une colonne étroite entourée de vide, alors que
la charte fait courir le texte sur toute la largeur du panneau.
Une seule variable pilote désormais le fil ET la carte de saisie — ils
étaient réglés séparément (450 / 380 / 360 px), donc condamnés à diverger.
La borne haute reste : au-delà, une ligne devient pénible à lire (l'œil perd
le début de la suivante). 1080 px ≈ 110 caractères, large mais tenable. */
@media (min-width:721px){
:root{--measure:min(1080px,100%)}
#chat{padding:26px max(20px,calc(50% - var(--measure)/2)) 8px}
#composer{--col:calc(max(20px,calc(50% - var(--measure)/2)) + var(--sbw,0px))}
}
</style></head><body>
<button id="menubtn" onclick="toggleSide()">☰</button>
<!-- Installation d'un moteur en cours : le détail vit dans le panneau, qui est
internal/loki/ui/src/styles.css
+14
View File
@@ -1304,3 +1304,17 @@ button:hover{border-color:var(--dim);color:var(--text)}
#send:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:#fff;opacity:.88}
#stop{background:var(--err);border-color:var(--err);color:#fff}
#stop:hover{background:var(--err);border-color:var(--err);color:#fff;opacity:.88}
/* --- Terre : largeur de lecture --------------------------------------
La mesure était plafonnée à 760 px et centrée sur la fenêtre : sur un écran
large, le fil se réduisait à une colonne étroite entourée de vide, alors que
la charte fait courir le texte sur toute la largeur du panneau.
Une seule variable pilote désormais le fil ET la carte de saisie — ils
étaient réglés séparément (450 / 380 / 360 px), donc condamnés à diverger.
La borne haute reste : au-delà, une ligne devient pénible à lire (l'œil perd
le début de la suivante). 1080 px ≈ 110 caractères, large mais tenable. */
@media (min-width:721px){
:root{--measure:min(1080px,100%)}
#chat{padding:26px max(20px,calc(50% - var(--measure)/2)) 8px}
#composer{--col:calc(max(20px,calc(50% - var(--measure)/2)) + var(--sbw,0px))}
}