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>
<body data-sveltekit-preload-data="hover">
<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%
</div>
</div>

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

@@ -8,7 +8,7 @@
export let links: Array<LinkConfig>;
</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">
<div class="h-16 w-16">
<a href="/">

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

@@ -44,12 +44,12 @@
</div>
<div class="h-12">
<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()}
</p>
</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}
<svelte:component this={component} {data} />
{/if}

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

@@ -2,6 +2,7 @@ import type { ServiceHandler } from '../service';
export const handle: ServiceHandler = () => {
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';
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'
};
};