development #40

Merged
luke-else merged 5 commits from development into main 2025-05-24 21:45:01 +00:00
2 changed files with 52 additions and 33 deletions
Showing only changes of commit b55538345f - Show all commits

View File

@ -21,21 +21,21 @@
left: 0%; left: 0%;
top: 0%; top: 0%;
animation: rotate-one 1s linear infinite; animation: rotate-one 1s linear infinite;
border-bottom: 3px solid var(--fg); border-bottom: 3px solid gray;
} }
.inner.two { .inner.two {
right: 0%; right: 0%;
top: 0%; top: 0%;
animation: rotate-two 1s linear infinite; animation: rotate-two 1s linear infinite;
border-right: 3px solid var(--fg); border-right: 3px solid gray;
} }
.inner.three { .inner.three {
right: 0%; right: 0%;
bottom: 0%; bottom: 0%;
animation: rotate-three 1s linear infinite; animation: rotate-three 1s linear infinite;
border-top: 3px solid var(--fg); border-top: 3px solid gray;
} }
@keyframes rotate-one { @keyframes rotate-one {

View File

@ -1,9 +1,11 @@
<script lang="ts"> <script lang="ts">
import { loadRepos, repos } from '$lib/stores'; import { onMount } from 'svelte'; import { loadRepos, repos } from '$lib/stores';
import { timeSince, checkImage, IMAGE_URL_SUFFIX } from '$lib/api/git'; import { timeSince, checkImage, IMAGE_URL_SUFFIX } from '$lib/api/git';
import { toasts } from 'svelte-toasts';
import GridGallery from '$lib/components/GridGallery.svelte'; import GridGallery from '$lib/components/GridGallery.svelte';
import Card from '$lib/components/Cards/Card.svelte'; import Card from '$lib/components/Cards/Card.svelte';
import Loading from '$lib/components/Loading.svelte';
let repoImages: Record<string, string | null> = {}; let repoImages: Record<string, string | null> = {};
@ -18,12 +20,28 @@
} }
})(); })();
} }
onMount(loadRepos);
</script> </script>
{#await loadRepos()}
<Loading />
{:then _}
{#if $repos.length == 0}
{console.log('No Repos')}
<div style="display: none;">
{toasts.add({
title: 'Error',
description: 'Failed to load repositories',
duration: 5000,
type: 'error',
placement: 'bottom-center',
showProgress: true
})}
</div>
{/if}
<!-- Repositories loaded successfully -->
<GridGallery> <GridGallery>
{#each $repos as repo} {#each $repos as repo}
<!-- <Loading /> -->
<Card <Card
containerStyle="group relative flex-1 min-w-[250px] max-w-full md:min-w-[33%] opacity-100 hover:opacity-100 hover:scale-[105%] md:opacity-70 transition-all duration-300 overflow-hidden" containerStyle="group relative flex-1 min-w-[250px] max-w-full md:min-w-[33%] opacity-100 hover:opacity-100 hover:scale-[105%] md:opacity-70 transition-all duration-300 overflow-hidden"
> >
@ -50,3 +68,4 @@
</Card> </Card>
{/each} {/each}
</GridGallery> </GridGallery>
{/await}