Lepší menu se seznamem obvodů.
parent
12718c4c47
commit
e67b20abc1
|
|
@ -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>
|
||||
|
|
@ -6,3 +6,51 @@ 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;
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue