atuleu/flanders
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Improves responsiveness

Browse Source
This commit is contained in:
Alexandre Tuleu
2023-09-21 16:44:17 +02:00
parent 68eb084a3d
commit 0326a5b635
5 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app.html
View File

@@ -8,9 +8,9 @@
</head> </head>
<body data-sveltekit-preload-data="hover"> <body data-sveltekit-preload-data="hover">
<div <div
class="min-h-screen bg-neutral-400 text-neutral-800 dark:bg-neutral-800 dark:text-neutral-400" class="min-h-screen min-w-full overflow-hidden bg-neutral-400 text-neutral-800 dark:bg-neutral-800 dark:text-neutral-400"
> >
<div class="container mx-auto flex min-h-screen flex-col px-4 md:px-8"> <div class="container mx-auto flex min-h-screen flex-col p-4 pb-0 md:p-8 md:pb-0">
%sveltekit.body% %sveltekit.body%
</div> </div>
</div> </div>

2
src/lib/components/Header.svelte
View File

@@ -8,7 +8,7 @@
export let links: Array<LinkConfig>; export let links: Array<LinkConfig>;
</script> </script>
<header class="bg-red-300 flex flex-col justify-between gap-8 pt-12"> <header class="flex flex-col justify-between gap-8">
<section class="flex h-16 flex-row items-center gap-4"> <section class="flex h-16 flex-row items-center gap-4">
<div class="h-16 w-16"> <div class="h-16 w-16">
<a href="/"> <a href="/">

4
src/lib/components/ServiceCard.svelte
View File

@@ -44,12 +44,12 @@
</div> </div>
<div class="h-12"> <div class="h-12">
<p class="text-xl">{service.title}</p> <p class="text-xl">{service.title}</p>
<p class="text-md min-h-12"> <p class="text-md min-h-12 text-neutral-700 dark:text-neutral-500">
{subtitle()} {subtitle()}
</p> </p>
</div> </div>
</div> </div>
<div class="min-h-7 mr-6 mt-2 h-7 overflow-hidden pl-20"> <div class="min-h-7 mr-6 mt-2 h-7 overflow-hidden pl-20 text-neutral-700 dark:text-neutral-500">
{#if component != undefined} {#if component != undefined}
<svelte:component this={component} {data} /> <svelte:component this={component} {data} />
{/if} {/if}

3
src/lib/services/jellyfin/+service.ts
View File

@@ -2,6 +2,7 @@ import type { ServiceHandler } from '../service';
export const handle: ServiceHandler = () => { export const handle: ServiceHandler = () => {
return { return {
logo: 'https://cdn.rawgit.com/jellyfin/jellyfin-ux/master/branding/SVG/icon-transparent.svg' logo: 'https://cdn.rawgit.com/jellyfin/jellyfin-ux/master/branding/SVG/icon-transparent.svg',
subtitle: 'Media Server'
}; };
}; };

5
src/lib/services/radarr/+service.ts
View File

@@ -1,5 +1,8 @@
import type { ServiceHandler } from '../service'; import type { ServiceHandler } from '../service';
export const handle: ServiceHandler = () => { export const handle: ServiceHandler = () => {
return { logo: 'https://cdn.rawgit.com/Radarr/Radarr/develop/Logo/Radarr.svg' }; return {
logo: 'https://cdn.rawgit.com/Radarr/Radarr/develop/Logo/Radarr.svg',
subtitle: 'TV Shows Tracker'
};
}; };