diff --git a/app/Presentation/Home/default.latte b/app/Presentation/Home/default.latte index 3942ff7..268b1a4 100644 --- a/app/Presentation/Home/default.latte +++ b/app/Presentation/Home/default.latte @@ -3,9 +3,22 @@ {block content}

Seznam obvodů

-
+{*
Všechny obvody {foreach $obvody as $obvod} {$obvod} {/foreach} +
*} + +{* Tlačítka: *} + +
+ + * + +{foreach $obvody as $obvod} + + {$obvod} + +{/foreach}
\ No newline at end of file diff --git a/www/css/base.css b/www/css/base.css index 58397d6..ca2280c 100644 --- a/www/css/base.css +++ b/www/css/base.css @@ -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; + } } \ No newline at end of file