mirror of
https://github.com/aleksilassila/reiverr.git
synced 2026-04-22 00:35:12 +02:00
style: Major visual overhaul with various improvements and fixes
This commit is contained in:
19
src/lib/components/AnimateScale.svelte
Normal file
19
src/lib/components/AnimateScale.svelte
Normal file
@@ -0,0 +1,19 @@
|
||||
<script lang="ts">
|
||||
import classNames from 'classnames';
|
||||
|
||||
export let hasFocus: boolean;
|
||||
</script>
|
||||
|
||||
<div
|
||||
class={classNames(
|
||||
'relative transition-all',
|
||||
{
|
||||
'scale-105': hasFocus
|
||||
},
|
||||
$$restProps.class
|
||||
)}
|
||||
style="transition: transform 200ms;"
|
||||
{...$$restProps}
|
||||
>
|
||||
<slot />
|
||||
</div>
|
||||
Reference in New Issue
Block a user