movie-web/extension
1
0
Fork 0
mirror of https://github.com/movie-web/extension.git synced 2025-09-13 13:33:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add hover state, decrease bottom label size

Browse Source
This commit is contained in:
Jip Fr
2024-01-10 22:12:15 +01:00
parent e9023197c3
commit 5b0a8d313b
2 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/BottomLabel.css
View File

@@ -6,6 +6,7 @@
gap: .5rem; gap: .5rem;
font-weight: normal; font-weight: normal;
color: #4A4863; color: #4A4863;
font-size: 14px;
} }
.dot { .dot {

11
src/components/ToggleButton.css
View File

@@ -46,8 +46,13 @@
background-color: transparent; background-color: transparent;
} }
.toggle-button:active .inside-glow { .inside-glow {
transform: rotate(180deg); transition: transform 300ms;
transform: rotate(0deg);
}
.toggle-button:hover .inside-glow {
transform: rotate(45deg);
} }
.actual-button-style { .actual-button-style {
@@ -74,7 +79,7 @@
left: 50%; left: 50%;
top: 50%; top: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
transition: color 300ms; transition: color 300ms, transform 300ms;
} }
.toggle-button .inside-glow { .toggle-button .inside-glow {