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