ivabus/gui
1
0
Fork 0
mirror of https://github.com/ivabus/gui synced 2025-06-08 00:00:27 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #80 from teaxyz/gui-footer

Browse source 
#77 TBD universal footer
This commit is contained in:
Neil 2022-12-09 20:10:42 +08:00 committed by GitHub
commit ed78e98b0f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 18 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
packages/gui/src/components/FooterLinks/FooterLinks.svelte Normal file
View file

@ -0,0 +1,8 @@
<footer class="h-autofont-machina relative w-full bg-black">
<section class="h-56 p-4 px-16">
<a class="text-xl text-primary" href="/"> Quick Links (TBD) </a>
</section>
<section class="h-16 border border-r-0 border-gray p-4 px-16">
<a class="text-sm text-primary" href="/"> terms and services </a>
</section>
</footer>

12
packages/gui/src/routes/+layout.svelte
View file

@ -2,6 +2,7 @@
<script lang="ts"> <script lang="ts">
import '$appcss'; import '$appcss';
import NavBar from '$components/NavBar/NavBar.svelte'; import NavBar from '$components/NavBar/NavBar.svelte';
import FooterLinks from '$components/FooterLinks/FooterLinks.svelte';
import { backLink as backLinkStore } from '$libs/stores'; import { backLink as backLinkStore } from '$libs/stores';
@ -15,17 +16,20 @@
<nav class="border border-t-0 border-l-0 border-b-0 border-gray"> <nav class="border border-t-0 border-l-0 border-b-0 border-gray">
<NavBar /> <NavBar />
</nav> </nav>
<section class="px-16 pt-24 pb-24"> <section class="pt-24">
{#if backLink} {#if backLink}
<header class="px-16 py-2 text-3xl text-gray hover:text-primary"> <header class="px-16 py-2 text-3xl text-gray hover:text-primary">
<a href={backLink}>&#8592</a> <a href={backLink}>&#8592</a>
</header> </header>
{/if} {/if}
<figure /> <figure />
<div> <div class="px-16">
<!-- all pages get inserted in this slot --> <!-- all pages get inserted in this slot -->
<slot /> <slot />
</div> </div>
<footer class="mt-8 w-full border border-r-0 border-gray bg-black">
<FooterLinks />
</footer>
</section> </section>
</div> </div>
@ -70,4 +74,8 @@
div { div {
position: relative; position: relative;
} }
footer {
height: 100px;
}
</style> </style>