From 40270c7f322210e0ab07aad1e6b5b5c9ddfdf88e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Ml=C3=A1dek?= <t@mldk.cz>
Date: Tue, 27 Feb 2024 13:32:36 +0100
Subject: [PATCH] style: channel buttons scale up on play

---
 src/routes/audio/(channels)/speaker.svelte | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/routes/audio/(channels)/speaker.svelte b/src/routes/audio/(channels)/speaker.svelte
index 874ae5d..919c724 100644
--- a/src/routes/audio/(channels)/speaker.svelte
+++ b/src/routes/audio/(channels)/speaker.svelte
@@ -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>