mobile optimization
This commit is contained in:
@@ -285,14 +285,14 @@ function SimRow({
|
||||
});
|
||||
|
||||
return (
|
||||
<div style={{
|
||||
<div className="sim-row" style={{
|
||||
display: "flex", alignItems: "center", gap: 10,
|
||||
padding: "6px 12px",
|
||||
background: "var(--bg-card)", border: "1px solid var(--line-soft)",
|
||||
borderRadius: "var(--radius-sm)",
|
||||
fontSize: 13,
|
||||
}}>
|
||||
<span style={{ fontFamily: "var(--font-mono)", fontSize: 10, color: "var(--ink-faint)", minWidth: 75 }}>
|
||||
<span className="sim-row-phase" style={{ fontFamily: "var(--font-mono)", fontSize: 10, color: "var(--ink-faint)", minWidth: 75 }}>
|
||||
{phaseLabel(match)}
|
||||
</span>
|
||||
<span style={{ display: "flex", alignItems: "center", gap: 6, minWidth: 0, flex: 1, justifyContent: "flex-end" }}>
|
||||
@@ -342,7 +342,7 @@ function SimRow({
|
||||
</span>
|
||||
<Flag team={away} size={18} />
|
||||
</span>
|
||||
<span style={{ fontFamily: "var(--font-mono)", fontSize: 10, color: "var(--ink-faint)", minWidth: 100, textAlign: "right" }}>
|
||||
<span className="sim-row-date" style={{ fontFamily: "var(--font-mono)", fontSize: 10, color: "var(--ink-faint)", minWidth: 100, textAlign: "right" }}>
|
||||
{fmtDate(match.utcDate)}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user