mirror of
https://github.com/Theodor-Springmann-Stiftung/kgpz_web.git
synced 2025-10-29 17:15:31 +00:00
more CSS styling
This commit is contained in:
@@ -1,23 +1,30 @@
|
||||
{{ $y := .model.Year }}
|
||||
|
||||
|
||||
<div class="yearmenu">
|
||||
{{ range $year := .model.AvailableYears }}
|
||||
<a href="/{{ $year }}" {{ if eq $year $y }}aria-current="page"{{ end }}>{{ $year }}</a>
|
||||
{{ end }}
|
||||
<div class="mt-6 w-full">
|
||||
<div class="mx-auto flex flex-row gap-x-3 w-fit">
|
||||
{{ range $year := .model.AvailableYears }}
|
||||
<a
|
||||
class="block"
|
||||
href="/{{ $year }}"
|
||||
{{ if eq $year $y }}aria-current="page"{{ end }}
|
||||
>{{ $year }}</a
|
||||
>
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<table class="border-spacing-y-2 border-separate">
|
||||
<div class="grid grid-cols-11 gap-x-2 gap-y-4 pt-8">
|
||||
{{ range $index, $month := .model.Issues }}
|
||||
<tr class="">
|
||||
<td class="!text-right px-8 align-top py-2">
|
||||
<!-- Month Header -->
|
||||
{{ $first := index $month 0 }}
|
||||
<h2 class="text-lg">{{ (MonthName $first.Datum.When.Month) }}</h2>
|
||||
</td>
|
||||
<!-- Issues -->
|
||||
<div class="col-span-1 text-right py-1 px-2.5">
|
||||
<!-- Month Header -->
|
||||
{{ $first := index $month 0 }}
|
||||
<h2 class="text-lg">{{ (MonthName $first.Datum.When.Month) }}</h2>
|
||||
</div>
|
||||
<!-- Issues -->
|
||||
<div class="col-span-10 grid grid-cols-subgrid">
|
||||
{{ range $issue := $month }}
|
||||
<td class="w-32 px-3 py-2 bg-slate-100 border-4 border-slate-50">
|
||||
<div class="col-span-1 bg-slate-100 px-2 py-1.5">
|
||||
{{ $date := $issue.Datum.When }}
|
||||
<a class="!no-underline" href="/{{ $y }}/{{ $issue.Number.No }}">
|
||||
<div>
|
||||
@@ -31,8 +38,8 @@
|
||||
<div class="inline-block">{{ $date.Day }}.{{ index $date.Month }}.</div>
|
||||
</div>
|
||||
</a>
|
||||
</td>
|
||||
</div>
|
||||
{{ end }}
|
||||
</tr>
|
||||
</div>
|
||||
{{ end }}
|
||||
</table>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user