Added footer to web layout

This commit is contained in:
Vari 2024-08-21 00:31:54 +02:00
parent fd57af50b1
commit 3b4737b315
4 changed files with 46 additions and 2 deletions

View File

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16" {{ $attributes }}>
<path d="M3.857 0 1 2.857v10.286h3.429V16l2.857-2.857H9.57L14.714 8V0zm9.714 7.429-2.285 2.285H9l-2 2v-2H4.429V1.143h9.142z"/>
<path d="M11.857 3.143h-1.143V6.57h1.143zm-3.143 0H7.571V6.57h1.143z"/>
</svg>

After

Width:  |  Height:  |  Size: 312 B

View File

@ -0,0 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 16" {{ $attributes }}>
<path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z"/>
</svg>

After

Width:  |  Height:  |  Size: 274 B

View File

@ -1,8 +1,14 @@
<x-layouts.app>
<div class="h-screen flex bg-inherit">
<x-web.sidebar/>
<div class="row-span-2 h-full w-full px-4 md:px-16 lg:px-32 bg-inherit overflow-x-auto">
{{ $slot }}
<div class="row-span-2 h-full w-full bg-inherit overflow-x-auto flex flex-col justify-between ">
<div class="px-4 md:px-16 lg:px-32">
{{ $slot }}
</div>
<div class="w-full [background:linear-gradient(to_right,transparent,theme(colors.gray.900)_40%,theme(colors.gray.900)_60%,transparent)] border-t-2 border-web-main">
<x-web.footer />
</div>
</div>
</div>
</x-layouts.app>

View File

@ -0,0 +1,31 @@
<div class="flex flex-col justify-center container mx-auto text-center py-4">
<div class="flex gap-6 justify-center">
<a href="https://x.com/dgrebirth_/"
class="hover:text-web-main transition-colors"
title="X formally known as twitter"
>
<x-icons.twitter-x class="size-8"/>
</a>
<a href="https://twitch.com/dgrebirth_/"
class="hover:text-web-main transition-colors"
title="Twitch"
>
<x-icons.twitch class="size-8"/>
</a>
<a href="https://discord.gg/7MqudBGyyp/"
class="hover:text-web-main transition-colors"
title="Discord"
>
<x-icons.discord class="size-8"/>
</a>
<a href="mailto:contact@playdeathgarden.live"
class="hover:text-web-main transition-colors"
title="Email"
>
<x-icons.mail class="size-8"/>
</a>
</div>
<span class="text-xs mt-4">
2018-2024 and BEHAVIOUR, DEATHGARDEN, and other related trademarks and logos belong to Behaviour Interactive Inc. All rights reserved. The Rebirth Team is not affiliated with Behaviour Interactive Inc. and is a free to play project.
</span>
</div>