Lepší menu se seznamem obvodů.

master
Kowalski 2025-03-08 19:30:49 +01:00
parent 12718c4c47
commit e67b20abc1
2 changed files with 62 additions and 1 deletions

View File

@ -3,9 +3,22 @@
{block content}
<h3>Seznam obvodů</h3>
<div class="list-group" style="max-width: 200px">
{* <div class="list-group" style="max-width: 200px">
<a n:href=":Obvody:" class="list-group-item list-group-item-action">Všechny obvody</a>
{foreach $obvody as $obvod}
<a n:href=":Obvody: obvod:$obvod" class="list-group-item list-group-item-action">{$obvod}</a>
{/foreach}
</div> *}
{* Tlačítka: *}
<div class="p-1 m-1 d-flex flex-wrap justify-content-center">
<a n:href=":Obvody:" type="button" class="btn btn-klavesa btn-letter btn-flex box-shadow--6dp">
*
</a>
{foreach $obvody as $obvod}
<a n:href=":Obvody: obvod:$obvod" type="button" class="btn btn-klavesa btn-letter btn-flex box-shadow--6dp">
{$obvod}
</a>
{/foreach}
</div>

View File

@ -5,4 +5,52 @@ body {
html, body, #map {
height: 100%;
width: 100vw;
}
@media (orientation: portrait) {
.btn-letter {
font-size:10vw;
font-weight: bold;
color: #2652a8;
width: 18vw;
height: 18vw;
margin: 0.5vw;
text-align: center;
}
.btn-letter-del {
font-size:8.5vw;
width: 18vw;
height: 18vw;
margin: 0.5vw;
text-align: center;
}
}
@media (orientation: landscape) {
.btn-tlacitko {
max-width: 22rem;
}
.btn-letter {
font-size:4vw;
font-weight: bold;
color: #2652a8;
width: 8vw;
height: 8vw;
margin: 0.5vw;
text-align: center;
}
.btn-letter-del {
font-size:3.5vw;
width: 8vw;
height: 8vw;
margin: 0.5vw;
text-align: center;
}
}