Extracted a bunch of duplicate stylechecks into own component
This commit is contained in:
parent
6584b3c7c7
commit
4377fc56c8
|
@ -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>
|
Loading…
Reference in New Issue