style: channel buttons scale up on play

This commit is contained in:
Tomáš Mládek 2024-02-27 13:32:36 +01:00
parent cfe22d204b
commit 40270c7f32

View file

@ -1,7 +1,4 @@
<script lang="ts"> <script lang="ts">
import { createEventDispatcher, onMount } from 'svelte';
const dispatch = createEventDispatcher<{ end: void }>();
export let src: string; export let src: string;
export let left = false; export let left = false;
export let center = false; export let center = false;
@ -43,6 +40,8 @@
flex-direction: column; flex-direction: column;
text-align: center; text-align: center;
opacity: 0.8;
& .ti { & .ti {
font-size: 3em; font-size: 3em;
} }
@ -58,11 +57,16 @@
} }
&:disabled { &:disabled {
opacity: 0.33; opacity: 0.5;
} }
&.playing { &.playing {
opacity: 0.66; transform: scale(1.1);
opacity: 1;
} }
transition:
transform 0.2s ease,
opacity 0.2s ease;
} }
</style> </style>