movie-web/extension
1
0
Fork 0
mirror of https://github.com/movie-web/extension.git synced 2025-09-13 11: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;
font-weight: normal;
color: #4A4863;
font-size: 14px;
}
.dot {

11
src/components/ToggleButton.css
View File

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