footer fixed

This commit is contained in:
Benjamin Takats
2022-12-12 18:52:03 +01:00
parent 1549fb0f43
commit e18c352f7b
4 changed files with 136 additions and 134 deletions

View File

@@ -8,6 +8,6 @@ class Welcome extends Component
{
public function render()
{
return view('livewire.frontend.welcome');
return view('livewire.frontend.welcome')->layout('layouts.guest');
}
}

View File

@@ -56,7 +56,7 @@
</style>
</head>
<body class="font-sans antialiased bg-21gray dark">
<x-notifications z-index="z-50" blur="md" align="center"/>
{{--<x-notifications z-index="z-50" blur="md" align="center"/>--}}
{{ $slot }}
@stack('modals')
@livewireScripts

View File

@@ -1,4 +1,4 @@
<div class="bottom-0 py-6 bg-gray-900 w-full">
<div class="py-6 bg-gray-900 w-full">
<div class="px-10 mx-auto max-w-7xl">
<div class="flex flex-col items-center md:flex-row md:justify-between">
<a href="#_">

View File

@@ -1,6 +1,6 @@
<div class="bg-21gray flex flex-col h-screen justify-between">
<section class="relative px-10 py-16 overflow-hidden">
<img class="absolute left-0 z-0 w-3/4 transform -translate-y-1/2 opacity-70 top-1/2"
<div class="bg-21gray flex flex-col justify-between">
<section class="relative px-10 pt-16 pb-24 sm:py-16">
<img class="absolute h-43 left-0 z-0 w-3/4 transform -translate-y-1/2 opacity-70 top-1/2"
src="{{ asset('img/gradient-blob.svg') }}">
<img class="absolute left-0 z-0 object-cover object-center w-full h-full opacity-50 top-24"
src="https://cdn.devdojo.com/tails/images/swirl-white.svg">
@@ -90,7 +90,7 @@
<div class="relative z-10 flex flex-col items-start justify-start w-full px-6 py-7">
<span
class="px-2 py-1 mb-3 text-xs font-semibold tracking-tight text-white uppercase bg-amber-500 rounded-md">Worldwide</span>
<h4 class="text-4xl font-bold tracking-tight text-gray-100 sm:text-3xl md:text-2xl lg:text-3xl">
<h4 class="text-2xl sm:text-4xl font-bold tracking-tight text-gray-100 sm:text-3xl md:text-2xl lg:text-3xl">
Veranstaltungen
</h4>
</div>
@@ -142,5 +142,7 @@
</div>
</section>
{{-- FOOTER --}}
</div>
<div class="fixed bottom-0 w-full">
<livewire:frontend.footer/>
</div>