christophe/chesscubing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Réorganise les options mobiles en 2 et 3 colonnes

Browse Source
This commit is contained in:
Christophe JEANNEROT
2026-04-12 15:12:42 +02:00
parent 224300c1c3
commit 3bf1e93543
1 changed files with 25 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
styles.css
View File

@@ -1345,6 +1345,14 @@ textarea:focus {
gap: 0.45rem; gap: 0.45rem;
} }
body[data-page="setup"] .mode-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
body[data-page="setup"] .preset-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
body[data-page="setup"] .option-card { body[data-page="setup"] .option-card {
min-height: 0; min-height: 0;
padding: 0.75rem 0.75rem 0.75rem 2rem; padding: 0.75rem 0.75rem 0.75rem 2rem;
@@ -1366,6 +1374,15 @@ textarea:focus {
body[data-page="setup"] .mode-grid .option-card { body[data-page="setup"] .mode-grid .option-card {
min-height: 4.45rem; min-height: 4.45rem;
padding: 0.7rem 0.45rem;
text-align: center;
align-content: center;
}
body[data-page="setup"] .mode-grid .option-card input,
body[data-page="setup"] .mode-grid .option-card span {
position: static;
margin: 0 auto;
} }
body[data-page="setup"] .mode-grid .option-card span { body[data-page="setup"] .mode-grid .option-card span {
@@ -1641,10 +1658,18 @@ textarea:focus {
font-size: 0.92rem; font-size: 0.92rem;
} }
body[data-page="setup"] .mode-grid .option-card strong {
font-size: 0.86rem;
}
body[data-page="setup"] .option-card span { body[data-page="setup"] .option-card span {
font-size: 0.75rem; font-size: 0.75rem;
} }
body[data-page="setup"] .preset-grid .option-card span {
line-height: 1.15;
}
body[data-page="setup"] .setup-actions .button { body[data-page="setup"] .setup-actions .button {
min-height: 2.75rem; min-height: 2.75rem;
font-size: 0.88rem; font-size: 0.88rem;