feat: mobile UI card layout for players and courses (#16) #18
@@ -24,6 +24,7 @@
|
||||
.kpi-strip { display: none !important; }
|
||||
.add-bar { display: none !important; }
|
||||
.footnote { display: none !important; }
|
||||
.table-toolbar { display: none !important; }
|
||||
|
||||
/* Hide desktop search card on mobile (mobile has .m-search-input instead) */
|
||||
.card-section { display: none; }
|
||||
@@ -345,7 +346,7 @@
|
||||
|
||||
.m-card__body {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr auto;
|
||||
grid-template-columns: minmax(0, 1fr) auto;
|
||||
gap: 10px;
|
||||
align-items: center;
|
||||
margin-top: 8px;
|
||||
@@ -355,6 +356,7 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 6px;
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.m-stat-row {
|
||||
@@ -396,13 +398,12 @@
|
||||
.m-card__sparkline {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
grid-row: span 2;
|
||||
justify-content: flex-end;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.m-chart-spark {
|
||||
display: block;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/* ── Player card expand panel ───────────────────── */
|
||||
|
||||
Reference in New Issue
Block a user