Add running personal records and historical PR badges
This commit is contained in:
@@ -25,3 +25,13 @@ body{font-family:"Segoe UI",Arial,sans-serif}h1{font-weight:650;letter-spacing:-
|
||||
.public-shell .landing-map{display:block;max-width:none;margin-top:26px}.public-shell .landing-map .running-map{height:210px}.public-shell .landing-features{flex-direction:row;flex-wrap:wrap;gap:16px;margin-top:22px;font-size:11px}@media(max-width:680px){.public-shell .landing-map .running-map{height:175px}}
|
||||
/* Keep account controls at the bottom without a decorative sidebar map. */
|
||||
.sidebar .sidebar-bottom{margin-top:auto}
|
||||
|
||||
.records-panel { margin-bottom: 24px; }
|
||||
.records-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; }
|
||||
.record-card { display: flex; flex-direction: column; gap: 8px; padding: 16px; border: 1px solid #394246; border-radius: 8px; color: inherit; text-decoration: none; }
|
||||
.record-card > span { color: #a0aaac; font-size: 13px; }
|
||||
.record-card > strong { font-size: 27px; }
|
||||
.record-card > small { color: #a0aaac; overflow-wrap: anywhere; }
|
||||
.run-badges { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 5px; }
|
||||
.run-badges:empty { display: none; }
|
||||
.pr-badge { display: inline-block; border: 1px solid #886b34; border-radius: 4px; padding: 3px 6px; color: #f3cb78; background: #3a3020; font-size: 11px; font-weight: 600; }
|
||||
|
||||
Reference in New Issue
Block a user