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

lint

Browse source
This commit is contained in:
neil 2023-02-02 11:36:02 +08:00
parent bc5226b5b0
commit 57bdd5f036
22 changed files with 70 additions and 70 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
modules/desktop/package.json
View file

@ -4,7 +4,7 @@
"private": true, "private": true,
"description": "tea gui app", "description": "tea gui app",
"author": "tea.xyz", "author": "tea.xyz",
"main": "src/electron.cjs", "main": "src/electron.cjs",
"scripts": { "scripts": {
"package": "pnpm build && electron-builder --config electron-builder.config.json", "package": "pnpm build && electron-builder --config electron-builder.config.json",
"dev:package": "pnpm build && electron-builder --config electron-builder.config.json --dir", "dev:package": "pnpm build && electron-builder --config electron-builder.config.json --dir",

2
modules/gui/src/components/BigBlackSpace/BigBlackSpace.svelte
View file

@ -2,4 +2,4 @@
import '$appcss'; import '$appcss';
</script> </script>
<section class="h-56 border border-gray bg-black" /> <section class="border-gray h-56 border bg-black" />

4
modules/gui/src/components/CategorizedPackages/CategorizedPackages.svelte
View file

@ -14,9 +14,9 @@
{#each categories as category} {#each categories as category}
<PanelHeader ctaLabel={category.cta_label} ctaLink={'#'} title={category.label} /> <PanelHeader ctaLabel={category.cta_label} ctaLink={'#'} title={category.label} />
<ul class="grid grid-cols-3 border border-r-0 border-gray bg-black"> <ul class="border-gray grid grid-cols-3 border border-r-0 bg-black">
{#each category.packages as pkg} {#each category.packages as pkg}
<div class="border border-t-0 border-l-0 border-gray p-4"> <div class="border-gray border border-t-0 border-l-0 p-4">
<MiniPackageCard {pkg} ctaLabel="DETAILS" link={`/packages/${pkg.slug}`} /> <MiniPackageCard {pkg} ctaLabel="DETAILS" link={`/packages/${pkg.slug}`} />
</div> </div>
{/each} {/each}

4
modules/gui/src/components/CliBanner/CliBanner.svelte
View file

@ -10,14 +10,14 @@
}; };
</script> </script>
<section class="mt-4 border border-gray bg-black"> <section class="border-gray mt-4 border bg-black">
<header class="flex flex-col items-center py-8"> <header class="flex flex-col items-center py-8">
<figure> <figure>
<img alt="tea" src="/images/tea-icon.png" class="rounded-md" /> <img alt="tea" src="/images/tea-icon.png" class="rounded-md" />
</figure> </figure>
<p class="text-primary">tea.cli ver. 0.6.0</p> <p class="text-primary">tea.cli ver. 0.6.0</p>
</header> </header>
<footer class="flex h-20 border-t border-gray text-white"> <footer class="border-gray flex h-20 border-t text-white">
<input class="flex-grow bg-black pl-4" disabled value="sh <(curl tea.xyz)>" /> <input class="flex-grow bg-black pl-4" disabled value="sh <(curl tea.xyz)>" />
<Button class="w-16 border-0 border-l-2 text-sm" onClick={onCopy}>{copyButtonText}</Button> <Button class="w-16 border-0 border-l-2 text-sm" onClick={onCopy}>{copyButtonText}</Button>
<Button class="w-56 border-0 border-l-2 text-sm" onClick={() => console.log('cli')} <Button class="w-56 border-0 border-l-2 text-sm" onClick={() => console.log('cli')}

2
modules/gui/src/components/EssentialWorkshops/EssentialWorkshops.svelte
View file

@ -18,7 +18,7 @@
{#if courses.length} {#if courses.length}
<Posts posts={courses} linkTarget="_blank" /> <Posts posts={courses} linkTarget="_blank" />
{:else} {:else}
<section class="h-64 border border-gray bg-black p-4"> <section class="border-gray h-64 border bg-black p-4">
<Preloader /> <Preloader />
</section> </section>
{/if} {/if}

20
modules/gui/src/components/FooterLinks/FooterLinks.svelte
View file

@ -2,34 +2,34 @@
import Button from '@tea/ui/Button/Button.svelte'; import Button from '@tea/ui/Button/Button.svelte';
</script> </script>
<footer class="relative h-auto w-full bg-black font-machina"> <footer class="font-machina relative h-auto w-full bg-black">
<section class="p-4 px-16 py-16"> <section class="p-4 px-16 py-16">
<h3 class="mb-5 text-2xl text-primary">QUICK LINKS</h3> <h3 class="text-primary mb-5 text-2xl">QUICK LINKS</h3>
<menu class="flex gap-4"> <menu class="flex gap-4">
<div class="flex-grow border border-l-0 border-r-0 border-gray"> <div class="border-gray flex-grow border border-l-0 border-r-0">
<a href="/"> <a href="/">
<Button> <Button>
<div class="flex justify-between text-primary hover:text-black"> <div class="text-primary flex justify-between hover:text-black">
<div class="uppercase">About the tea store</div> <div class="uppercase">About the tea store</div>
<div>&#8594</div> <div>&#8594</div>
</div> </div>
</Button> </Button>
</a> </a>
</div> </div>
<div class="flex-grow border border-l-0 border-r-0 border-gray"> <div class="border-gray flex-grow border border-l-0 border-r-0">
<a href="/"> <a href="/">
<Button> <Button>
<div class="flex justify-between text-primary hover:text-black"> <div class="text-primary flex justify-between hover:text-black">
<div class="uppercase">REPORT A PROBLEM</div> <div class="uppercase">REPORT A PROBLEM</div>
<div>&#8594</div> <div>&#8594</div>
</div> </div>
</Button> </Button>
</a> </a>
</div> </div>
<div class="flex-grow border border-l-0 border-r-0 border-gray"> <div class="border-gray flex-grow border border-l-0 border-r-0">
<a href="https://tea.xyz" target="_blank" rel="noreferrer"> <a href="https://tea.xyz" target="_blank" rel="noreferrer">
<Button> <Button>
<div class="flex justify-between text-primary hover:text-black"> <div class="text-primary flex justify-between hover:text-black">
<div class="uppercase">VISIT TEA.XYZ</div> <div class="uppercase">VISIT TEA.XYZ</div>
<div>&#8594</div> <div>&#8594</div>
</div> </div>
@ -39,8 +39,8 @@
</menu> </menu>
</section> </section>
<section class="h-16 border border-r-0 border-gray p-4 px-16"> <section class="border-gray h-16 border border-r-0 p-4 px-16">
<div class="flex gap-4 text-xs text-gray"> <div class="text-gray flex gap-4 text-xs">
<a <a
href="https://tea.xyz/terms-of-use/" href="https://tea.xyz/terms-of-use/"
target="_blank" target="_blank"

8
modules/gui/src/components/GettingStarted/GettingStarted.svelte
View file

@ -7,9 +7,9 @@
}; };
</script> </script>
<header class="border border-gray bg-black p-4 text-primary">GETTING STARTED WITH TEA</header> <header class="border-gray text-primary border bg-black p-4">GETTING STARTED WITH TEA</header>
<section class="grid grid-cols-3 bg-black"> <section class="grid grid-cols-3 bg-black">
<div class="border border-gray p-4"> <div class="border-gray border p-4">
<ArticleCard <ArticleCard
content={{ content={{
title: 'installing tea', title: 'installing tea',
@ -20,7 +20,7 @@
}} }}
/> />
</div> </div>
<div class="border border-gray p-4"> <div class="border-gray border p-4">
<ArticleCard <ArticleCard
content={{ content={{
title: 'authenticating', title: 'authenticating',
@ -32,7 +32,7 @@
onClick={doStuff} onClick={doStuff}
/> />
</div> </div>
<div class="border border-gray p-4"> <div class="border-gray border p-4">
<ArticleCard <ArticleCard
content={{ content={{
title: 'give us a star', title: 'give us a star',

6
modules/gui/src/components/InstalledPackages/InstalledPackages.svelte
View file

@ -15,10 +15,10 @@
<PanelHeader title="My installs" ctaLabel="Check for updates >" ctaLink="#" /> <PanelHeader title="My installs" ctaLabel="Check for updates >" ctaLink="#" />
<ul class="grid grid-cols-3 border border-r-0 border-gray bg-black"> <ul class="border-gray grid grid-cols-3 border border-r-0 bg-black">
{#if packages.length > 0} {#if packages.length > 0}
{#each packages as pkg} {#each packages as pkg}
<div class="border border-t-0 border-l-0 border-gray p-4"> <div class="border-gray border border-t-0 border-l-0 p-4">
<MiniPackageCard <MiniPackageCard
{pkg} {pkg}
ctaLabel="DETAILS" ctaLabel="DETAILS"
@ -30,7 +30,7 @@
{/each} {/each}
{:else} {:else}
{#each Array(12) as _} {#each Array(12) as _}
<section class="h-50 border border-gray p-4"> <section class="h-50 border-gray border p-4">
<Preloader /> <Preloader />
</section> </section>
{/each} {/each}

2
modules/gui/src/components/News/News.svelte
View file

@ -15,7 +15,7 @@
{#if news.length} {#if news.length}
<Posts posts={news} linkTarget="_blank" /> <Posts posts={news} linkTarget="_blank" />
{:else} {:else}
<section class="h-64 border border-gray bg-black p-4"> <section class="border-gray h-64 border bg-black p-4">
<Preloader /> <Preloader />
</section> </section>
{/if} {/if}

8
modules/gui/src/components/PackageBanner/PackageBanner.svelte
View file

@ -27,22 +27,22 @@
}); });
</script> </script>
<section class="mt-4 border border-gray bg-black"> <section class="border-gray mt-4 border bg-black">
<header class="flex p-2"> <header class="flex p-2">
<figure class="grow-1 w-1/3"> <figure class="grow-1 w-1/3">
<img width={260} src={pkg.thumb_image_url} alt={pkg.full_name} /> <img width={260} src={pkg.thumb_image_url} alt={pkg.full_name} />
</figure> </figure>
<article class="w-2/3 p-4 pt-8"> <article class="w-2/3 p-4 pt-8">
<h3 class="text-3xl text-primary">{pkg.full_name}</h3> <h3 class="text-primary text-3xl">{pkg.full_name}</h3>
<h3>&#x2022; {pkg.maintainer || ''}{pkg.maintainer ? ' |' : ''} {bottles.length} bottles</h3> <h3>&#x2022; {pkg.maintainer || ''}{pkg.maintainer ? ' |' : ''} {bottles.length} bottles</h3>
<div class="mt-4"> <div class="mt-4">
<StarRating maxRating={5} rating={packageRating} /> <StarRating maxRating={5} rating={packageRating} />
</div> </div>
<p class="mt-4 font-sono text-sm">{pkg.desc}</p> <p class="font-sono mt-4 text-sm">{pkg.desc}</p>
</article> </article>
</header> </header>
<footer class="flex h-20 border-t border-gray text-white"> <footer class="border-gray flex h-20 border-t text-white">
<input class="click-copy flex-grow bg-black pl-4" disabled value={copyValue} /> <input class="click-copy flex-grow bg-black pl-4" disabled value={copyValue} />
<Button class="w-16 border-0 border-l-2 text-sm" onClick={onCopy}>{copyButtonText}</Button> <Button class="w-16 border-0 border-l-2 text-sm" onClick={onCopy}>{copyButtonText}</Button>
<Button class="w-56 border-0 border-l-2 text-sm" onClick={() => console.log('cli')} <Button class="w-56 border-0 border-l-2 text-sm" onClick={() => console.log('cli')}

12
modules/gui/src/components/PackageReviews/PackageReviews.svelte
View file

@ -28,21 +28,21 @@
// ideally they should work like metro-ui to not have extreme height diff between columns // ideally they should work like metro-ui to not have extreme height diff between columns
</script> </script>
<header class="border border-gray bg-black p-4 text-primary">REVIEWS ({reviews.length})</header> <header class="border-gray text-primary border bg-black p-4">REVIEWS ({reviews.length})</header>
<section class="flex flex-row flex-wrap bg-black font-machina"> <section class="font-machina flex flex-row flex-wrap bg-black">
<div class="w-1/3 border-0 border-l-2 border-b-2 border-gray p-4"> <div class="border-gray w-1/3 border-0 border-l-2 border-b-2 p-4">
{#each col1 as review} {#each col1 as review}
<ReviewCard {review} /> <ReviewCard {review} />
<div class="mt-4" /> <div class="mt-4" />
{/each} {/each}
</div> </div>
<div class="w-1/3 border-0 border-l-2 border-b-2 border-gray p-4"> <div class="border-gray w-1/3 border-0 border-l-2 border-b-2 p-4">
{#each col2 as review} {#each col2 as review}
<ReviewCard {review} /> <ReviewCard {review} />
<div class="mt-4" /> <div class="mt-4" />
{/each} {/each}
</div> </div>
<div class="w-1/3 border-0 border-x-2 border-b-2 border-gray p-4"> <div class="border-gray w-1/3 border-0 border-x-2 border-b-2 p-4">
{#each col3 as review} {#each col3 as review}
<ReviewCard {review} /> <ReviewCard {review} />
<div class="mt-4" /> <div class="mt-4" />
@ -50,7 +50,7 @@
</div> </div>
</section> </section>
{#if showLimit <= reviews.length && showMore === false} {#if showLimit <= reviews.length && showMore === false}
<footer class="border border-gray bg-black p-4"> <footer class="border-gray border bg-black p-4">
<button on:click={() => (showMore = true)}>SHOW MORE</button> <button on:click={() => (showMore = true)}>SHOW MORE</button>
</footer> </footer>
{/if} {/if}

4
modules/gui/src/components/Packages/Packages.svelte
View file

@ -30,7 +30,7 @@
}); });
</script> </script>
<header class="flex items-center justify-between border border-gray bg-black p-4 text-primary"> <header class="border-gray text-primary flex items-center justify-between border bg-black p-4">
<span>{title}</span> <span>{title}</span>
<a href="/packages" class="font-sono text-sm underline">View all packages</a> <a href="/packages" class="font-sono text-sm underline">View all packages</a>
</header> </header>
@ -56,7 +56,7 @@
{/each} {/each}
{:else} {:else}
{#each Array(9) as _} {#each Array(9) as _}
<section class="h-50 border border-gray p-4"> <section class="h-50 border-gray border p-4">
<Preloader /> <Preloader />
</section> </section>
{/each} {/each}

4
modules/gui/src/components/PageHeader/PageHeader.svelte
View file

@ -4,11 +4,11 @@
export { clazz as class }; export { clazz as class };
</script> </script>
<figure class={`relative mb-8 h-32 w-full font-machina uppercase ${clazz}`}> <figure class={`font-machina relative mb-8 h-32 w-full uppercase ${clazz}`}>
{#if coverUrl} {#if coverUrl}
<img src={coverUrl} class="absolute z-0 h-32 w-full object-cover" alt="cover" /> <img src={coverUrl} class="absolute z-0 h-32 w-full object-cover" alt="cover" />
{/if} {/if}
<div class="absolute bottom-0 z-10 text-6xl leading-[32px] text-primary"> <div class="text-primary absolute bottom-0 z-10 text-6xl leading-[32px]">
<slot /> <slot />
</div> </div>
</figure> </figure>

6
modules/gui/src/components/Preflight/Preflight.svelte
View file

@ -7,13 +7,13 @@
</script> </script>
<div class="card social-box" style="width: 100%; float:right;"> <div class="card social-box" style="width: 100%; float:right;">
<header class="border-b border-gray pt-7 pb-7 pl-5 text-primary">PRE-FLIGHT</header> <header class="border-gray text-primary border-b pt-7 pb-7 pl-5">PRE-FLIGHT</header>
<div class="listbox-item border-b border-gray p-6"> <div class="listbox-item border-gray border-b p-6">
<a href="/cli"> <a href="/cli">
<p>Install Tea</p> <p>Install Tea</p>
</a> </a>
</div> </div>
<div class="listbox-item border-b border-gray p-6"> <div class="listbox-item border-gray border-b p-6">
<div> <div>
<p>Authenticate</p> <p>Authenticate</p>
</div> </div>

12
modules/gui/src/components/ProfileBanner/ProfileBanner.svelte
View file

@ -10,18 +10,18 @@
</script> </script>
{#if user} {#if user}
<section class="border-2 border-gray bg-black p-2"> <section class="border-gray border-2 bg-black p-2">
<div class="profile_banner container flex border border-gray bg-black"> <div class="profile_banner border-gray container flex border bg-black">
<img class="w-1/5" src={user.avatar_url || '/images/bored-ape.png'} alt="profile" /> <img class="w-1/5" src={user.avatar_url || '/images/bored-ape.png'} alt="profile" />
<div class="flex w-4/5 items-center p-5"> <div class="flex w-4/5 items-center p-5">
<div class="w-1/2 pl-5"> <div class="w-1/2 pl-5">
<p class="uppercase text-gray">Authenticated with GitHub</p> <p class="text-gray uppercase">Authenticated with GitHub</p>
<p /> <p />
<p class="text-4xl text-primary">@{user.login}</p> <p class="text-primary text-4xl">@{user.login}</p>
</div> </div>
<div class="h-full border-l border-gray" /> <div class="border-gray h-full border-l" />
<div class="w-1/2 pl-10"> <div class="w-1/2 pl-10">
<p class="uppercase leading-loose text-gray"> <p class="text-gray uppercase leading-loose">
Country: <span>{user?.country}</span><br />Wallet: Country: <span>{user?.country}</span><br />Wallet:
{#if user.wallet} {#if user.wallet}
<span>{user.wallet}</span> <span>{user.wallet}</span>

6
modules/gui/src/components/SearchPackages/SearchPackages.svelte
View file

@ -61,13 +61,13 @@
packagesStore.subscribe(setPackages); packagesStore.subscribe(setPackages);
</script> </script>
<div class="border border-gray bg-black"> <div class="border-gray border bg-black">
<section class="flex items-center justify-between"> <section class="flex items-center justify-between">
<div> <div>
<SearchInput size="medium" {onSearch} /> <SearchInput size="medium" {onSearch} />
</div> </div>
<div class="pr-4"> <div class="pr-4">
<section class="h-12 w-48 border border-gray"> <section class="border-gray h-12 w-48 border">
<SortingButtons {onSort} /> <SortingButtons {onSort} />
</section> </section>
</div> </div>
@ -94,7 +94,7 @@
{/each} {/each}
{:else} {:else}
{#each Array(12) as _} {#each Array(12) as _}
<section class="h-50 border border-gray p-4"> <section class="h-50 border-gray border p-4">
<Preloader /> <Preloader />
</section> </section>
{/each} {/each}

2
modules/gui/src/components/SearchPackages/SortingButtons.svelte
View file

@ -20,7 +20,7 @@
}; };
</script> </script>
<section class="sorting-container bg-black font-machina text-white"> <section class="sorting-container font-machina bg-black text-white">
<div class="dropdown"> <div class="dropdown">
<div class="dropdown-title">SORT ORDER</div> <div class="dropdown-title">SORT ORDER</div>
<ul class="dropdown-content column flex"> <ul class="dropdown-content column flex">

18
modules/gui/src/components/SearchPopupResults/SearchPopupResults.svelte
View file

@ -55,18 +55,18 @@
<section class={term ? 'show' : ''}> <section class={term ? 'show' : ''}>
<!-- svelte-ignore a11y-click-events-have-key-events --> <!-- svelte-ignore a11y-click-events-have-key-events -->
<figure on:click={onClose} /> <figure on:click={onClose} />
<div class="z-20 border border-gray bg-black"> <div class="border-gray z-20 border bg-black">
<header class="flex justify-between p-4"> <header class="flex justify-between p-4">
<div class="text-2xl text-primary">Showing search results for `{term}`</div> <div class="text-primary text-2xl">Showing search results for `{term}`</div>
<button on:click={onClose}>&#x2715</button> <button on:click={onClose}>&#x2715</button>
</header> </header>
<menu class="flex h-8 w-full gap-4 bg-accent px-4 text-xs"> <menu class="bg-accent flex h-8 w-full gap-4 px-4 text-xs">
<button>packages ({packages.length})</button> <button>packages ({packages.length})</button>
<button>articles ({articles.length})</button> <button>articles ({articles.length})</button>
<button>workshops ({workshops.length})</button> <button>workshops ({workshops.length})</button>
</menu> </menu>
<header class="p-4 text-lg text-primary"> <header class="text-primary p-4 text-lg">
Top Package Results ({packages.length}) Top Package Results ({packages.length})
</header> </header>
<ul class="grid grid-cols-3"> <ul class="grid grid-cols-3">
@ -91,29 +91,29 @@
{/each} {/each}
{:else if loading} {:else if loading}
{#each Array(12) as _} {#each Array(12) as _}
<section class="h-50 border border-gray p-4"> <section class="h-50 border-gray border p-4">
<Preloader /> <Preloader />
</section> </section>
{/each} {/each}
{/if} {/if}
</ul> </ul>
<header class="p-4 text-lg text-primary"> <header class="text-primary p-4 text-lg">
Top Article Results ({articles.length}) Top Article Results ({articles.length})
</header> </header>
{#if articles.length} {#if articles.length}
<Posts posts={articles} linkTarget="_blank" /> <Posts posts={articles} linkTarget="_blank" />
{:else if loading} {:else if loading}
<section class="h-64 border border-gray bg-black p-4"> <section class="border-gray h-64 border bg-black p-4">
<Preloader /> <Preloader />
</section> </section>
{/if} {/if}
<header class="p-4 text-lg text-primary"> <header class="text-primary p-4 text-lg">
Top Workshop Results ({workshops.length}) Top Workshop Results ({workshops.length})
</header> </header>
{#if workshops.length} {#if workshops.length}
<Posts posts={workshops} linkTarget="_blank" /> <Posts posts={workshops} linkTarget="_blank" />
{:else if loading} {:else if loading}
<section class="h-64 border border-gray bg-black p-4"> <section class="border-gray h-64 border bg-black p-4">
<Preloader /> <Preloader />
</section> </section>
{/if} {/if}

4
modules/gui/src/components/SuggestedPackages/SuggestedPackages.svelte
View file

@ -30,7 +30,7 @@
}); });
</script> </script>
<header class="flex items-center justify-between border border-gray bg-black p-4 text-primary"> <header class="border-gray text-primary flex items-center justify-between border bg-black p-4">
<span>MORE LIKE THIS</span> <span>MORE LIKE THIS</span>
</header> </header>
<ul class="grid grid-cols-3 bg-black"> <ul class="grid grid-cols-3 bg-black">
@ -55,7 +55,7 @@
{/each} {/each}
{:else} {:else}
{#each Array(9) as _} {#each Array(9) as _}
<section class="h-50 border border-gray p-4"> <section class="h-50 border-gray border p-4">
<Preloader /> <Preloader />
</section> </section>
{/each} {/each}

4
modules/gui/src/components/TopBar/ProfileNavButton.svelte
View file

@ -23,7 +23,7 @@
<a href="/profile"> <a href="/profile">
<section class="flex"> <section class="flex">
<img width="40" height="40" src={user.avatar_url || '/images/bored-ape.png'} alt="profile" /> <img width="40" height="40" src={user.avatar_url || '/images/bored-ape.png'} alt="profile" />
<div class="p-2 text-gray">@{user.login}</div> <div class="text-gray p-2">@{user.login}</div>
</section> </section>
</a> </a>
{:else} {:else}
@ -32,6 +32,6 @@
<figure class="p-2"> <figure class="p-2">
<img width="28" height="28" src="/images/github.png" alt="profile" /> <img width="28" height="28" src="/images/github.png" alt="profile" />
</figure> </figure>
<div class="p-2 text-gray">Login</div> <div class="text-gray p-2">Login</div>
</section> </section>
{/if} {/if}

8
modules/gui/src/components/TopBar/TopBar.svelte
View file

@ -19,11 +19,11 @@
}); });
</script> </script>
<header class="flex w-full border border-l-0 border-r-0 border-gray"> <header class="border-gray flex w-full border border-l-0 border-r-0">
<a href="/"> <a href="/">
<img width="40" height="40" src="/images/tea-icon.png" alt="tea" /> <img width="40" height="40" src="/images/tea-icon.png" alt="tea" />
</a> </a>
<ul class="flex h-10 gap-4 pl-4 align-middle leading-10 text-gray"> <ul class="text-gray flex h-10 gap-4 pl-4 align-middle leading-10">
<button on:click={navStore.back} class={$prevPath ? 'active' : ''}>&#8592</button> <button on:click={navStore.back} class={$prevPath ? 'active' : ''}>&#8592</button>
<button on:click={navStore.next} class={$nextPath ? 'active' : ''}>&#8594</button> <button on:click={navStore.next} class={$nextPath ? 'active' : ''}>&#8594</button>
</ul> </ul>
@ -33,7 +33,7 @@
placeholder="search the tea store" placeholder="search the tea store"
{onSearch} {onSearch}
/> />
<ul class="flex gap-4 pr-4 pt-2 align-middle text-gray"> <ul class="text-gray flex gap-4 pr-4 pt-2 align-middle">
<button class="icon-filter hover:text-white" /> <button class="icon-filter hover:text-white" />
<button class="icon-share hover:text-white" /> <button class="icon-share hover:text-white" />
<button class="icon-star-empty hover:text-white" /> <button class="icon-star-empty hover:text-white" />
@ -41,7 +41,7 @@
<ProfileNavButton /> <ProfileNavButton />
</header> </header>
<menu <menu
class="flex h-10 gap-4 border border-l-0 border-r-0 border-t-0 border-gray pl-4 align-middle leading-10 text-gray" class="border-gray text-gray flex h-10 gap-4 border border-l-0 border-r-0 border-t-0 pl-4 align-middle leading-10"
> >
<a href="/cli" class={currentPath === '/cli' ? 'active' : ''}>install teaCli</a> <a href="/cli" class={currentPath === '/cli' ? 'active' : ''}>install teaCli</a>
<a href="/documentation" class={currentPath === '/documentation' ? 'active' : ''}>documentation</a <a href="/documentation" class={currentPath === '/documentation' ? 'active' : ''}>documentation</a

2
modules/gui/src/routes/+layout.svelte
View file

@ -30,7 +30,7 @@
<!-- 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"> <footer class="border-gray mt-8 w-full border border-r-0 bg-black">
<FooterLinks /> <FooterLinks />
</footer> </footer>
<SearchPopupResults /> <SearchPopupResults />