amantahiliani/box-box
1
0
Fork 0
mirror of https://github.com/AmanTahiliani/box-box.git synced 2026-08-07 19:56:18 -04:00
Code Issues Packages Projects Releases Wiki Activity

UI Updates

Browse Source
This commit is contained in:
Aman Tahiliani
2026-03-27 21:02:16 -04:00
parent 7d46b94c42
commit ce2bc41a7f
3 changed files with 206 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
internal/web/assets/index.html
View File

@@ -85,13 +85,22 @@
<!-- Season grid -->
<div class="section-label" x-text="season + ' SEASON'"></div>
<div class="meetings-grid" x-show="!loading">
<template x-for="m in meetings" :key="m.meeting_key">
<a class="meeting-card" :class="{past: isPast(m), 'meeting-next': m === nextRace}" :href="`#/race/${m.meeting_key}`">
<template x-for="(m, idx) in meetings" :key="m.meeting_key">
<a class="meeting-card"
:class="{past: isPast(m), 'meeting-next': m === nextRace}"
:href="`#/race/${m.meeting_key}`"
:style="meetingCardStyle(m.country_code)">
<div class="meeting-card-accent"></div>
<div class="meeting-flag" x-text="flagEmoji(m.country_code)"></div>
<div class="meeting-name" x-text="m.meeting_name"></div>
<div class="meeting-circuit" x-text="m.circuit_short_name"></div>
<div class="meeting-date" x-text="fmtDate(m.date_start)"></div>
<div class="meeting-card-body">
<div class="meeting-country-code" x-text="m.country_code||'?'"></div>
<div class="meeting-card-flag" x-text="flagEmoji(m.country_code)"></div>
</div>
<div class="meeting-card-foot">
<div class="meeting-name" x-text="m.meeting_name"></div>
<div class="meeting-circuit" x-text="m.circuit_short_name"></div>
<div class="meeting-date" x-text="fmtDate(m.date_start)"></div>
</div>
<div class="meeting-round" x-text="'R' + roundNum(m)"></div>
</a>
</template>
</div>