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">
|
<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>
|
||||||
|
|
Loading…
Reference in a new issue