Make the list of rooms mobile aware

This commit is contained in:
Christian Wolf 2024-01-07 14:18:17 +01:00
parent 46aa612ed5
commit 8d41136787
5 changed files with 39 additions and 4 deletions

View File

@ -10,10 +10,14 @@ menu:
## Vereinsheim vorne und mitte ## Vereinsheim vorne und mitte
{{< tsc/rooms/room >}}
{{< tsc/rooms/image image="vereinsheim.png" >}}
{{% tsc/rooms/address %}}
Rudolf-Harbig-Str. 6 Rudolf-Harbig-Str. 6
71063 Sindelfingen 71063 Sindelfingen
{{% /tsc/rooms/address %}}
{{< /tsc/rooms/room >}}
![Verinsheim vorne](vereinsheim.png)
Das Bild zeigt unsere zwei Trainingsräume im Vereinsheim mit geöffneter Trennwand. Das Bild zeigt unsere zwei Trainingsräume im Vereinsheim mit geöffneter Trennwand.
@ -21,7 +25,11 @@ Abgeteilt in zwei Räume&nbsp; "VH Mitte" und "VH Vorn"
## Neuer Saal "VH" neu" ## Neuer Saal "VH" neu"
{{< tsc/rooms/room >}}
{{< tsc/rooms/image image="VH_Neu.jpg" >}}
{{% tsc/rooms/address %}}
Rudolf-Harbig-Str. 6 Rudolf-Harbig-Str. 6
71063 Sindelfingen 71063 Sindelfingen
{{% /tsc/rooms/address %}}
{{< /tsc/rooms/room >}}
![Vereinsheim neu](VH_Neu.jpg)

View File

@ -612,6 +612,27 @@ h1 {
max-width: 100%; max-width: 100%;
} }
.room {
.image {
max-width: 70%;
}
@include media-large() {
display: flex;
align-items: start;
.image {
flex: 50% 0 1;
}
.address {
margin-left: 10px;
}
p {
margin: 0;
}
}
}
:root { :root {
--color-vhvorne: #ddcb55; --color-vhvorne: #ddcb55;
--color-vhmitte: #c98879; --color-vhmitte: #c98879;

View File

@ -0,0 +1 @@
<div class="address">{{ .Inner }}</div>

View File

@ -0,0 +1,4 @@
<div class="image">
{{ $resource := .Page.Resources.GetMatch (.Get "image") }}
<img src="{{ $resource.RelPermalink}} ">
</div>

View File

@ -0,0 +1 @@
<div class="room">{{ .Inner }}</div>