This commit is contained in:
tree 2022-04-07 01:03:27 +02:00
rodič 27099f5929
revize f05232bae1
2 změnil soubory, kde provedl 12 přidání a 10 odebrání

Zobrazit soubor

@ -15,7 +15,7 @@
{#if $bundle} {#if $bundle}
{#if size === 'small'} {#if size === 'small'}
<div class="flex block space-x-2 m-auto justify-end flex-1"> <div class="flex block space-x-2 m-auto w-full justify-center">
{#each socials as soc} {#each socials as soc}
<a href="{$bundle.links[soc.link]}" class="w-6 h-6 bg-white rounded-full hover:bg-utxo-gradient hover:text-white" target="_blank"> <a href="{$bundle.links[soc.link]}" class="w-6 h-6 bg-white rounded-full hover:bg-utxo-gradient hover:text-white" target="_blank">
<i class="{soc.ico}" /> <i class="{soc.ico}" />

Zobrazit soubor

@ -14,18 +14,20 @@
<header class="relative" style="background-color: #32375C;"> <header class="relative" style="background-color: #32375C;">
<!-- <li class:active={$page.url.pathname === '/'}><a sveltekit:prefetch href="/">Home</a></li> --> <!-- <li class:active={$page.url.pathname === '/'}><a sveltekit:prefetch href="/">Home</a></li> -->
<nav class="relative mx-auto py-6 px-6 max-w-6xl text-center"> <nav class="relative mx-auto lg:px-6 px-4 py-6 max-w-6xl text-center">
<div class=""> <div class="">
<div class="sm:flex flex-wrap space-x-10"> <div class="lg:flex lg:flex-wrap lg:space-x-10">
<div class="block justify-start flex-1 my-auto"> <div class="block justify-start lg:flex-1 my-auto text-center pb-4 lg:pb-0">
<a href="/" on:click={logoClick}><img src="/img/logo-white.svg" class="w-26" alt="UTXO.22" /></a> <div class="w-44 lg:w-32 inline-block lg:block"><a href="/" on:click={logoClick}><img src="/img/logo-white.svg" class="w-full" alt="UTXO.22" /></a></div>
</div> </div>
<div class="sm:flex sm:space-x-10 uppercase text-sm font-bold text-white"> <div class="flex lg:space-x-10 uppercase text-sm font-bold text-white">
<a sveltekit:prefetch href="/" class="m-auto hover:text-[#E16A61]" class:text-blue-400={$page.url.pathname === '/'}>O konferenci</a> <a sveltekit:prefetch href="/" class="lg:w-auto w-1/3 m-auto hover:text-[#E16A61]" class:text-blue-400={$page.url.pathname === '/'}>O konferenci</a>
<a sveltekit:prefetch href="/program" class="m-auto hover:text-[#E16A61]" class:text-blue-400={$page.url.pathname === '/program'}>Program</a> <a sveltekit:prefetch href="/program" class="lg:w-auto w-1/3 m-auto hover:text-[#E16A61]" class:text-blue-400={$page.url.pathname === '/program'}>Program</a>
<a sveltekit:prefetch href="/vstupenky" class="border-solid border border-[#E16A61] rounded-full py-2 px-8 {$page.url.pathname === '/vstupenky' ? 'border-0 bg-utxo-gradient' : 'hover:border-0 hover:my-px hover:bg-utxo-gradient' }">Vstupenky</a> <a sveltekit:prefetch href="/vstupenky" class="lg:w-auto w-1/3 m-auto border-solid border border-[#E16A61] rounded-full py-2 px-8 {$page.url.pathname === '/vstupenky' ? 'border-0 bg-utxo-gradient' : 'hover:border-0 hover:bg-utxo-gradient' }">Vstupenky</a>
</div>
<div class="my-auto lg:flex-1 lg:pt-0 pt-4 lg:justify-end justify-center">
<SocialButtons />
</div> </div>
<SocialButtons />
</div> </div>
</div> </div>
</nav> </nav>