feat(web): a home page in two columns, with four figures on top
The home page was two grids of panels side by side, each row as tall as its tallest panel, which left gaps. Now: four figures of the same size (my open tickets, waiting for QA, finished by me and by the team this week), the week, my views, and two columns that stack on their own: my tickets and the latest on the left; sprints, QA, following, releases, who is online and «Retomar» on the right. Project cards are as tall as their row, with the team at the bottom, and a phone only lists the days of the week that have something. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
@@ -32,7 +32,7 @@ const KIND: Record<AgendaItem['kind'], string> = {
|
||||
</header>
|
||||
<ol class="ts-agenda">
|
||||
@for (day of days(); track day.date) {
|
||||
<li [class.is-today]="day.today">
|
||||
<li [class.is-today]="day.today" [class.is-empty]="!day.items.length">
|
||||
<p class="ts-agenda__day">
|
||||
<span>{{ day.weekday }}</span> <strong>{{ day.number }}</strong>
|
||||
</p>
|
||||
@@ -128,6 +128,10 @@ const KIND: Record<AgendaItem['kind'], string> = {
|
||||
li {
|
||||
min-height: 0;
|
||||
}
|
||||
/* On a phone, only the days with something (and today). */
|
||||
li.is-empty:not(.is-today) {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
`,
|
||||
|
||||
Reference in New Issue
Block a user