LobotomyLabs/classquiz-ai
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🐛 Made donation-button responsive

Browse Source
This commit is contained in:
Mawoka
2023-01-31 21:07:10 +01:00
parent 757f023159
commit 93104eb311
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/lib/navbar.svelte
+7 -1
View File
@@ -10,6 +10,7 @@
import { createTippy } from 'svelte-tippy'; import { createTippy } from 'svelte-tippy';
import { browser } from '$app/environment'; import { browser } from '$app/environment';
import BrownButton from '$lib/components/buttons/brown.svelte'; import BrownButton from '$lib/components/buttons/brown.svelte';
import { fade } from 'svelte/transition';
const tippy = createTippy({ const tippy = createTippy({
arrow: true, arrow: true,
@@ -107,6 +108,11 @@
</section> </section>
<ul id="menu-items" class="lg:flex w-full flex-col lg:flex-row" class:hidden={openMenu}> <ul id="menu-items" class="lg:flex w-full flex-col lg:flex-row" class:hidden={openMenu}>
<li class="py-2 lg:hidden">
<BrownButton href="https://mawoka.eu/donate" target="_blank"
>Donate <span class="">❤️</span></BrownButton
>
</li>
{#if $signedIn} {#if $signedIn}
<li class="py-2"> <li class="py-2">
<a <a
@@ -176,7 +182,7 @@
<div <div
class="justify-self-end gap-2 h-full flex justify-center items-center lg:relative fixed right-12 -top-1/2 pt-11 lg:right-0 lg:top-0 lg:p-0" class="justify-self-end gap-2 h-full flex justify-center items-center lg:relative fixed right-12 -top-1/2 pt-11 lg:right-0 lg:top-0 lg:p-0"
> >
<div class="whitespace-nowrap"> <div class="whitespace-nowrap hidden lg:block">
<BrownButton href="https://mawoka.eu/donate" target="_blank" <BrownButton href="https://mawoka.eu/donate" target="_blank"
>Donate <span class="">❤️</span></BrownButton >Donate <span class="">❤️</span></BrownButton
> >