Skip to content

Commit d5ad3af

Browse files
committed
feat(appmenu): add hover transition
1 parent 5e09e23 commit d5ad3af

File tree

1 file changed

+4
-2
lines changed

1 file changed

+4
-2
lines changed

src/components/appMenu/CircularMenu/CircularMenuItem.module.scss

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,7 @@
1111
align-items: center;
1212
display: flex;
1313
pointer-events: auto;
14+
transition: 0.2s ease-in-out 0s;
1415
}
1516

1617
.menuItem.active {
@@ -23,6 +24,7 @@
2324
.menuItem:hover {
2425
border: 1px solid #4ed6ae;
2526
box-shadow: 0px 0px 8px #4ed6ae inset, 0px 0px 13px #4ed6ae;
27+
transform: scale(1.2);
2628
}
2729

2830
.itemContainer {
@@ -42,9 +44,9 @@
4244

4345
.navLink {
4446
display: block;
45-
padding: 12px;
47+
padding: 10px;
4648
position: inherit;
47-
margin: -12px;
49+
margin: -10px;
4850
}
4951

5052
.external {

0 commit comments

Comments
 (0)