From 9a1f15e5f41ed4bc7ee8f5c00c3bc86b070fca1e Mon Sep 17 00:00:00 2001
From: Matthew Huntington <matt.huntington@gmail.com>
Date: Tue, 28 Mar 2023 17:42:10 -0400
Subject: [PATCH] background color when timer running

---
 src/components/timer.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/timer.vue b/src/components/timer.vue
index ac440eb..20e6014 100644
--- a/src/components/timer.vue
+++ b/src/components/timer.vue
@@ -43,7 +43,7 @@
 </script>
 
 <template>
-	<details>
+	<details :class="{running:running}">
 		<summary><h2>Timer</h2></summary>
 		<button :disabled="running" @click="start">Start Timer</button>
 		<button :disabled="!running" @click="stop">Stop Timer</button>
@@ -77,4 +77,8 @@
 label, [type="submit"] {
 	display:block;
 }
+
+details.running {
+	background:green;
+}
 </style>