mirror of
https://github.com/aleksilassila/reiverr.git
synced 2026-04-21 16:25:11 +02:00
24 lines
471 B
Svelte
24 lines
471 B
Svelte
<script lang="ts">
|
|
import classNames from 'classnames';
|
|
import { localSettings } from '../stores/localstorage.store';
|
|
|
|
export let hasFocus: boolean;
|
|
let enabled = true;
|
|
localSettings.subscribe((v) => (enabled = v.useCssTransitions));
|
|
</script>
|
|
|
|
<div
|
|
class={classNames(
|
|
'relative',
|
|
{
|
|
'scale-105': hasFocus
|
|
// 'transition-all': enabled
|
|
},
|
|
$$restProps.class
|
|
)}
|
|
style={enabled ? 'transition: transform 200ms;' : ''}
|
|
{...$$restProps}
|
|
>
|
|
<slot />
|
|
</div>
|