Extracted a bunch of duplicate stylechecks into own component

This commit is contained in:
Nicolai Ort 2021-08-21 19:55:22 +02:00
parent 6584b3c7c7
commit 4377fc56c8
Signed by: niggl
GPG Key ID: 13AFA55AF62F269F
1 changed files with 21 additions and 0 deletions

View File

@ -0,0 +1,21 @@
<script>
export let currentPage;
export let title = 'null';
export let href = './null';
export let pageUrl = '/null';
</script>
<a
class="flex items-center px-4 py-2 rounded-md"
class:dark:bg-gray-700={currentPage == pageUrl}
class:bg-gray-200={currentPage == pageUrl}
class:dark:text-gray-200={currentPage == pageUrl}
class:text-gray-700={currentPage == pageUrl}
class:dark:text-gray-400={!(currentPage == pageUrl)}
class:text-gray-600={!(currentPage == pageUrl)}
{href}
>
<slot />
<span class="mx-4 font-medium">{title}</span>
</a>