diff --git a/src/app/header/header.component.scss b/src/app/header/header.component.scss index 83a90d6..a04789c 100644 --- a/src/app/header/header.component.scss +++ b/src/app/header/header.component.scss @@ -115,15 +115,16 @@ .item { padding: 0; - margin: 10px 0; + margin: 12px 0; font-weight: bold; font-size: $font-30; + text-transform: uppercase; color: $black; cursor: pointer; transition: transform .4s; &:hover { - transform: scale(1.4); + transform: scale(1.4) skew(-6deg, -6deg) rotate(6deg); } &.active { diff --git a/src/app/home/home.component.ts b/src/app/home/home.component.ts index 131f80e..50ad9a2 100644 --- a/src/app/home/home.component.ts +++ b/src/app/home/home.component.ts @@ -109,7 +109,7 @@ export class HomeComponent implements OnInit { const direction = [coord[0] - this.swipeCoord[0], coord[1] - this.swipeCoord[1]] const duration = time - this.swipeTime - if (duration < 1000 + if (duration < 1500 && Math.abs(direction[0]) > 30 && Math.abs(direction[0]) > Math.abs(direction[1] * 3)) { const swipe = direction[0] < 0 ? 'next' : 'prev'