From b591b5166d6953fe868ccb772045fe77d9a9813e Mon Sep 17 00:00:00 2001
From: 0neGal <mail@0negal.com>
Date: Sun, 12 Jun 2022 17:00:35 +0200
Subject: tiny animations

The settings button now turns like a cog when hovered, and there's a
slight animation when you hover a settings switch.
---
 src/app/css/popups.css | 4 ++++
 src/app/main.css       | 4 ++++
 2 files changed, 8 insertions(+)

(limited to 'src/app')

diff --git a/src/app/css/popups.css b/src/app/css/popups.css
index 59f6630..826955b 100644
--- a/src/app/css/popups.css
+++ b/src/app/css/popups.css
@@ -350,6 +350,10 @@
 	background: rgb(var(--red));
 }
 
+.switch.on:hover::after {
+	transform: scale(1.2);
+}
+
 .title {
 	display: flex;
 }
diff --git a/src/app/main.css b/src/app/main.css
index ce45f35..f39c5a1 100644
--- a/src/app/main.css
+++ b/src/app/main.css
@@ -59,6 +59,10 @@ button:active {filter: brightness(90%)}
 #winbtns #minimize {background-image: url("icons/minimize.png")}
 #winbtns #settings {background-image: url("icons/settings.png")}
 
+#winbtns #settings:hover {
+	transform: rotate(90deg);
+}
+
 #winbtns div:hover {opacity: 1.0}
 #winbtns div:active {transform: scale(0.95)}
 /* } */
-- 
cgit v1.2.3