Lepší menu se seznamem obvodů.
parent
12718c4c47
commit
e67b20abc1
|
|
@ -3,9 +3,22 @@
|
||||||
{block content}
|
{block content}
|
||||||
<h3>Seznam obvodů</h3>
|
<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>
|
<a n:href=":Obvody:" class="list-group-item list-group-item-action">Všechny obvody</a>
|
||||||
{foreach $obvody as $obvod}
|
{foreach $obvody as $obvod}
|
||||||
<a n:href=":Obvody: obvod:$obvod" class="list-group-item list-group-item-action">{$obvod}</a>
|
<a n:href=":Obvody: obvod:$obvod" class="list-group-item list-group-item-action">{$obvod}</a>
|
||||||
{/foreach}
|
{/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>
|
</div>
|
||||||
|
|
@ -5,4 +5,52 @@ body {
|
||||||
html, body, #map {
|
html, body, #map {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
width: 100vw;
|
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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
Loading…
Reference in New Issue