style: channel buttons scale up on play
This commit is contained in:
parent
cfe22d204b
commit
40270c7f32
1 changed files with 9 additions and 5 deletions
|
@ -1,7 +1,4 @@
|
|||
<script lang="ts">
|
||||
import { createEventDispatcher, onMount } from 'svelte';
|
||||
const dispatch = createEventDispatcher<{ end: void }>();
|
||||
|
||||
export let src: string;
|
||||
export let left = false;
|
||||
export let center = false;
|
||||
|
@ -43,6 +40,8 @@
|
|||
flex-direction: column;
|
||||
text-align: center;
|
||||
|
||||
opacity: 0.8;
|
||||
|
||||
& .ti {
|
||||
font-size: 3em;
|
||||
}
|
||||
|
@ -58,11 +57,16 @@
|
|||
}
|
||||
|
||||
&:disabled {
|
||||
opacity: 0.33;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
&.playing {
|
||||
opacity: 0.66;
|
||||
transform: scale(1.1);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
transition:
|
||||
transform 0.2s ease,
|
||||
opacity 0.2s ease;
|
||||
}
|
||||
</style>
|
||||
|
|
Loading…
Reference in a new issue