mirror of
https://github.com/DevJSTAR/JSTAR-Tab.git
synced 2025-06-10 23:14:22 +00:00
Update style.css button style
This commit is contained in:
parent
2074b0db58
commit
a7f7b07377
11
style.css
11
style.css
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue
Block a user