diff --git a/.firebase/hosting.ZGlzdA.cache b/.firebase/hosting.ZGlzdA.cache index be41959..ec34674 100644 --- a/.firebase/hosting.ZGlzdA.cache +++ b/.firebase/hosting.ZGlzdA.cache @@ -1,13 +1,13 @@ -index.html,1596741018384,3d6b40018584f7c06d40114b891d30af59937f16c0dceb4a140db1f823418e20 -main.css,1596741018384,c2e259b7b0f0d56ed711b2d6f4b6b592e4301a1afe87b06d14d5ca3bfd239897 -static/images/add.svg,1596741018385,ef7cf8e9df96200815d767e6b3b767ef092dd338b4851d2f35966911dab09e4c -static/images/bell-logo.svg,1596741018385,5ef07d3b72a99ccebfff2fb9bc1a80513d59376038055b606deff8133c3e3b56 -static/images/bell.svg,1596741018385,6766dfa1ef7da3acfab70cdb2bbee5e6861fc0cdf8afbaf1cf7c387e4df415a4 -static/images/cancel-music.svg,1596741018386,1bbd7eef0b56c5d4cec9993f3762a384447ca99392778a87292333b82f8a2f39 -static/images/drop-down-arrow.svg,1596741018385,7ebe79b34f9fa2590b4beb29e6e6e8d0b0fff722ff0e3071ad36d3467c045743 -static/images/search-icon.svg,1596741018385,fcad2b6afe31083f5b452f601b1ca8669f6f768deecadf07e9d647269296012a -static/images/play-button.svg,1596741018385,d43cf31799ae2e480227ae79d858b997dfb0b54f67b1d3a3a1c18ca1dd927251 -8562b6565f5ae1db5e4af40d85b4ed2d.png,1596741018383,ddacf16aa0704b6ff5ed27a0ff5416eff337a05915beb9c10504639f2f105ec1 -static/images/Netflix_Logo_RGB.png,1596741018385,ddacf16aa0704b6ff5ed27a0ff5416eff337a05915beb9c10504639f2f105ec1 -bundle.js,1596741018384,733d73858d2dfa40c45bd27b9a220e6173b0fdddd779fa670f9724fc7b49957d -static/images/header-bg.jpg,1596741018385,f4cfcb4caa304a777e03d623c68bf00d22f9c21a55d0a6fb088889e3c2867d40 +index.html,1596822462872,294686b5824777966e74b788a74f613225bd2a74f6e7eca9b7b98b3bd6e4ae60 +main.css,1596822462871,bb87e22e8a8cbfda6e9e3da3fadf11070e07b8e7292fd0cac412bfa57f0571a3 +static/images/add.svg,1596822462875,ef7cf8e9df96200815d767e6b3b767ef092dd338b4851d2f35966911dab09e4c +static/images/bell-logo.svg,1596822462872,5ef07d3b72a99ccebfff2fb9bc1a80513d59376038055b606deff8133c3e3b56 +static/images/bell.svg,1596822462873,6766dfa1ef7da3acfab70cdb2bbee5e6861fc0cdf8afbaf1cf7c387e4df415a4 +static/images/cancel-music.svg,1596822462872,1bbd7eef0b56c5d4cec9993f3762a384447ca99392778a87292333b82f8a2f39 +static/images/drop-down-arrow.svg,1596822462873,7ebe79b34f9fa2590b4beb29e6e6e8d0b0fff722ff0e3071ad36d3467c045743 +static/images/play-button.svg,1596822462872,d43cf31799ae2e480227ae79d858b997dfb0b54f67b1d3a3a1c18ca1dd927251 +static/images/search-icon.svg,1596822462873,fcad2b6afe31083f5b452f601b1ca8669f6f768deecadf07e9d647269296012a +8562b6565f5ae1db5e4af40d85b4ed2d.png,1596822462871,ddacf16aa0704b6ff5ed27a0ff5416eff337a05915beb9c10504639f2f105ec1 +static/images/Netflix_Logo_RGB.png,1596822462872,ddacf16aa0704b6ff5ed27a0ff5416eff337a05915beb9c10504639f2f105ec1 +bundle.js,1596822462871,033e3afff30e48c0cc6b812ab7b48ad066cbc65e6442c1f10109e6a55a0e103b +static/images/header-bg.jpg,1596822462873,f4cfcb4caa304a777e03d623c68bf00d22f9c21a55d0a6fb088889e3c2867d40 diff --git a/README.md b/README.md index 5278bc9..6eb27b9 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ # Netflix Clone -- Demo: http://netflix-react-clone.surge.sh/ +- Demo: https://netflix-clone-9a0b9.web.app/ This project is a simplified front end clone of Netflix. It was created with React and CSS (Grid and Flexbox). It uses [The MovieDB Api](https://www.themoviedb.org/documentation/api) to search for movies and display details. Feel free to contribute! diff --git a/src/static/sass/components/_movieShowcase.scss b/src/static/sass/components/_movieShowcase.scss index f5cbd1d..74d5168 100644 --- a/src/static/sass/components/_movieShowcase.scss +++ b/src/static/sass/components/_movieShowcase.scss @@ -18,18 +18,21 @@ div.swiper-button-prev, div.swiper-button-next { - transition: all .3s !important; + transition: all 450ms !important; color: rgb(255, 255, 255); &:hover { transform: scale(1.2) !important; - transition: all .3s !important; + transition: all 450ms !important; } } +.swiper-slide { + transition: all 450ms !important; +} + .swiper-wrapper:hover .swiper-slide { opacity: .3 !important; - transition: all 450ms !important; &:hover { transform: scale(1.3) !important; @@ -55,8 +58,6 @@ div.swiper-button-next { } &__container { - transition: transform 450ms; - @include responsive(phone) { width: 98vw; }