Update style.css button style

This commit is contained in:
Equa 2024-12-13 20:00:35 +02:00 committed by GitHub
parent 2074b0db58
commit a7f7b07377
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -367,7 +367,7 @@ input[type="text"]:focus {
opacity: 1; opacity: 1;
} }
/* Settings styles */ /* Settings styles (so sigma) */
.settings-button { .settings-button {
position: fixed; position: fixed;
bottom: 2rem; bottom: 2rem;
@ -384,13 +384,18 @@ input[type="text"]:focus {
font-size: 1.25rem; font-size: 1.25rem;
color: var(--text); color: var(--text);
box-shadow: 0 4px 24px var(--shadow); box-shadow: 0 4px 24px var(--shadow);
transition: transform 0.4s ease;
} }
.settings-button:hover { .settings-button:hover {
transform: translateY(-2px); transform: rotate(180deg);
box-shadow: 0 8px 32px var(--shadow);
} }
.settings-button:active {
transform: rotate(360deg);
}
.settings-panel { .settings-panel {
max-height: 80vh; max-height: 80vh;
overflow-y: auto; overflow-y: auto;