Zakladne rozlozenie fix

This commit is contained in:
2023-02-13 18:27:36 +01:00
parent 9eea644d0e
commit 58255a558d
4 changed files with 139 additions and 12 deletions

View File

@@ -8,8 +8,13 @@ import Logo from '@/Data/tis_full-1.svg';
<div class="min-h-screen bg-gray-100">
<nav class="flex items-center justify-between flex-wrap bg-stone-400 p-6">
<div class="flex items-center flex-no-shrink text-white mr-6">
<Logo class="fill-blue-700 mr-4" />
<span class="font-semibold text-xl tracking-tight"><a href="/">Register právnických osôb</a></span>
<a href="https://transparency.sk/sk/">
<Logo class="fill-blue-700 mr-4" />
</a>
<Link :href="route('rpo')">
<span class="font-semibold text-xl tracking-tight">Register právnických osôb</span>
</Link>
</div>
<div class="block lg:hidden">
<button class="flex items-center px-3 py-2 border rounded text-teal-lighter border-teal-light hover:text-white hover:border-white">
@@ -18,15 +23,17 @@ import Logo from '@/Data/tis_full-1.svg';
</div>
<div class="w-full block flex-grow lg:flex lg:items-center lg:w-auto">
<div class="text-sm lg:flex-grow">
<a href="#responsive-header" class="block mt-4 lg:inline-block lg:mt-0 text-teal-lighter hover:text-white mr-4">
Docs
</a>
<a href="#responsive-header" class="block mt-4 lg:inline-block lg:mt-0 text-teal-lighter hover:text-white mr-4">
Examples
</a>
<a href="#responsive-header" class="block mt-4 lg:inline-block lg:mt-0 text-teal-lighter hover:text-white">
Blog
</a>
<div class="block mt-4 lg:inline-block lg:mt-0 text-teal-lighter hover:text-white mr-4">
<Link :href="route('info')">
Info
</Link>
</div>
<div class="block mt-4 lg:inline-block lg:mt-0 text-teal-lighter hover:text-white mr-4">
<Link :href="route('doc')">
Doc
</Link>
</div>
</div>
<div>
<a href="#" class="inline-block text-sm px-4 py-2 leading-none border rounded text-white border-white hover:border-transparent hover:text-teal hover:bg-white mt-4 lg:mt-0">Download</a>