785a6077f6
* wip * feat(frontend): Add disable prop to App Toggles * feat(frontend): run page v2 * feat(frontend): column ordering + load more * feat(frontend): column ordering + load more * feat(frontend): revert old coode * feat(frontend): simplify table + fix load more style + add groups * feat(frontend): Done * feat(frontend): Fix styling issues * feat(frontend): Fix styling issues * feat(frontend): Simplify filters * feat(frontend): Rework runs done * feat(frontend): fix drawer * feat(frontend): rework the filters * feat(frontend): rework the filters * feat(frontend): small ui fix * feat(frontend): correctly display title * feat(frontend): fix dark mode switch * feat(frontend): fix reset/clear buttons * feat(frontend): Rework runs done
22 lines
457 B
Svelte
22 lines
457 B
Svelte
<script lang="ts">
|
|
import { createEventDispatcher } from 'svelte'
|
|
import { twMerge } from 'tailwind-merge'
|
|
|
|
export let hoverable: boolean = false
|
|
export let selected: boolean = false
|
|
const dispatch = createEventDispatcher()
|
|
</script>
|
|
|
|
<tr
|
|
class={twMerge(
|
|
hoverable ? 'hover:bg-surface-hover cursor-pointer' : '',
|
|
selected ? 'bg-blue-50 dark:bg-blue-900/50' : '',
|
|
'transition-all'
|
|
)}
|
|
on:click={() => {
|
|
dispatch('click')
|
|
}}
|
|
>
|
|
<slot />
|
|
</tr>
|