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

#265 cleanup homepage show news and tutorial (#266)

Browse source 
* #265 cleanup homepage show news and tutorial

* #261 removing grid bg fixes the scrollbar

---------

Co-authored-by: neil <neil@neils-MacBook-Pro.local>
This commit is contained in:
Neil 2023-03-06 09:14:35 +08:00 committed by GitHub
parent 6829c32c2e
commit cdf01642ac
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 18 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
modules/desktop/src/components/packages/packages.svelte
View file

@ -24,7 +24,6 @@
<header class="border-gray text-primary flex items-center justify-between border bg-black p-4">
<span>{title}</span>
<a href="/packages" class="font-sono text-sm underline">{$t("package.view-all-cta")}</a>
</header>
<ul class="grid grid-cols-3 bg-black">
{#if packages.length > 0}

10
modules/desktop/src/routes/+layout.svelte
View file

@ -36,7 +36,6 @@
<div class="content">
<TeaUpdate />
</div>
<figure />
<div class="content">
<slot />
</div>
@ -58,15 +57,6 @@
box-sizing: border-box;
}
figure {
z-index: 0;
position: fixed;
top: 220px;
left: 0px;
right: 0px;
bottom: 0px;
background-image: url('/images/gui-background-grid.svg');
}
@media screen and (min-width: 1440px) {
figure {
background-size: cover;

22
modules/desktop/src/routes/+page.svelte
View file

@ -1,10 +1,24 @@
<script>
<!-- home / discover / welcome page -->
<script lang="ts">
import '$appcss';
import { t } from '$libs/translations';
import PageHeader from '$components/page-header/page-header.svelte';
import SearchPackages from '$components/search-packages/search-packages.svelte';
import EssentialWorkshops from '$components/essential-workshops/essential-workshops.svelte';
import Packages from '$components/packages/packages.svelte';
import News from '$components/news/news.svelte';
</script>
<div>
<PageHeader>Packages</PageHeader>
<SearchPackages />
<PageHeader coverUrl="/images/headers/header_bg_1.png">{$t("home.discover-title")}</PageHeader>
<section class="mt-8 mb-8">
<Packages title={$t("package.foundation-essentials-title")} category="foundation_essentials" />
</section>
<PageHeader coverUrl="/images/headers/header_bg_1.png">{$t("home.tutorials-title")}</PageHeader>
<section class="mt-8 mb-8">
<EssentialWorkshops title={$t("post.workshops-title")} ctaLabel={`${$t('post.article-more-cta')} >`} />
</section>
<PageHeader coverUrl="/images/headers/header_bg_1.png">{$t("home.os-news-title")}</PageHeader>
<section class="mt-8">
<News />
</section>
</div>