starred/reiverr
1
0
Fork 0
mirror of https://github.com/aleksilassila/reiverr.git synced 2026-04-21 16:25:11 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: focusedChild property for containers

Browse Source
This commit is contained in:
Aleksi Lassila
2024-05-03 22:59:09 +03:00
parent aa1168b6b2
commit 31a442db83
13 changed files with 121 additions and 91 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/lib/components/Table/TableButton.svelte
View File

@@ -2,17 +2,17 @@
import Container from '../../../Container.svelte';
import classNames from 'classnames';
export let active = true;
export let disabled = false;
</script>
<Container let:hasFocus on:clickOrSelect {active} class="float-left" on:enter>
<Container let:hasFocus on:clickOrSelect {disabled} class="float-left" on:enter>
<div
class={classNames(
'border-2 rounded-2xl p-1 cursor-pointer font-medium tracking-wide transition-colors',
{
'border-zinc-400': !hasFocus,
'border-primary-500': hasFocus,
'opacity-50': !active
'opacity-50': disabled
}
)}
>