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

Raccourcit la page chrono sur mobile

Browse Source
This commit is contained in:
Christophe JEANNEROT
2026-04-12 15:36:35 +02:00
parent 938251ad40
commit d134947b14
1 changed files with 124 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

124
styles.css
View File

@@ -1571,6 +1571,84 @@ textarea:focus {
grid-template-rows: auto minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr);
} }
body[data-page="chrono"] .phase-shell {
gap: 0.22rem;
padding: 0.22rem 0 0.22rem;
}
body[data-page="chrono"] .phase-header {
padding: 0.42rem 0.5rem;
}
body[data-page="chrono"] .phase-title h1 {
font-size: 0.94rem;
}
body[data-page="chrono"] .status-strip {
gap: 0.22rem;
}
body[data-page="chrono"] .status-card {
min-height: 2.55rem;
padding: 0.22rem 0.18rem;
}
body[data-page="chrono"] .status-card span {
font-size: 0.58rem;
}
body[data-page="chrono"] .status-card strong {
font-size: 0.82rem;
}
body[data-page="chrono"] .faceoff-board {
gap: 0.22rem;
}
body[data-page="chrono"] .zone-inner {
padding: 0.36rem;
gap: 0.26rem;
border-radius: 18px;
}
body[data-page="chrono"] .zone-head h2 {
font-size: 0.84rem;
}
body[data-page="chrono"] .zone-stats strong {
font-size: 0.8rem;
}
body[data-page="chrono"] .zone-stats span {
font-size: 0.66rem;
}
body[data-page="chrono"] .seat-tag {
padding: 0.16rem 0.42rem;
font-size: 0.56rem;
}
body[data-page="chrono"] .zone-button {
min-height: clamp(68px, 9vh, 92px);
padding: 0.55rem;
font-size: clamp(1rem, 5.5vw, 1.35rem);
}
body[data-page="chrono"] .phase-spine {
gap: 0;
}
body[data-page="chrono"] .phase-spine .spine-card {
display: none;
}
body[data-page="chrono"] .spine-button {
min-height: 2.3rem;
padding: 0.48rem;
border-radius: 16px;
font-size: 0.82rem;
}
.hero-setup h1 { .hero-setup h1 {
font-size: 2.1rem; font-size: 2.1rem;
} }
@@ -1685,6 +1763,52 @@ textarea:focus {
font-size: 0.88rem; font-size: 0.88rem;
} }
body[data-page="chrono"] .phase-header {
padding: 0.36rem 0.42rem;
}
body[data-page="chrono"] .brand-link-icon {
width: 1.9rem;
}
body[data-page="chrono"] .phase-title h1 {
font-size: 0.88rem;
}
body[data-page="chrono"] .status-card {
min-height: 2.3rem;
}
body[data-page="chrono"] .status-card span {
font-size: 0.54rem;
}
body[data-page="chrono"] .status-card strong {
font-size: 0.76rem;
}
body[data-page="chrono"] .zone-head h2 {
font-size: 0.78rem;
}
body[data-page="chrono"] .zone-stats strong {
font-size: 0.74rem;
}
body[data-page="chrono"] .zone-stats span {
font-size: 0.62rem;
}
body[data-page="chrono"] .zone-button {
min-height: clamp(60px, 8.4vh, 82px);
font-size: clamp(0.94rem, 5.8vw, 1.2rem);
}
body[data-page="chrono"] .spine-button {
min-height: 2.1rem;
font-size: 0.78rem;
}
.phase-body .phase-header { .phase-body .phase-header {
padding: 0.5rem 0.55rem; padding: 0.5rem 0.55rem;
} }