From 2d0bcaeeeffef4e6ed6f445378b9729e70901f61 Mon Sep 17 00:00:00 2001 From: real-zephex Date: Sat, 25 May 2024 16:58:02 +0530 Subject: =?UTF-8?q?=F0=9F=9A=80=20refactor(movie):=20revamped=20movie=20se?= =?UTF-8?q?ction?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/app/movies/styles/search.module.css | 84 --------------------------------- 1 file changed, 84 deletions(-) delete mode 100644 src/app/movies/styles/search.module.css (limited to 'src/app/movies/styles/search.module.css') diff --git a/src/app/movies/styles/search.module.css b/src/app/movies/styles/search.module.css deleted file mode 100644 index d3b1a75..0000000 --- a/src/app/movies/styles/search.module.css +++ /dev/null @@ -1,84 +0,0 @@ -.Main { - margin: 0 0.4rem 0 0.4rem; -} - -.InputContainer { - display: flex; - align-items: center; - background-color: #1f1f1f; - padding: 0.4rem; - width: 40vw; - border-radius: 0.5rem; - - -} - -.SearchIcon { - margin-left: 0.4rem; -} - -.InputContainer input { - background-color: transparent; - outline: none; - border: none; - padding: 0.4rem; - font-family: "Lexend Deca", serif; - margin-left: 0.2rem; - font-size: large; - color: white; - width: 100%; - font-size: 20px; -} - -/* Search Results */ - -.MovieSearchResultsContainer { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); - grid-gap: 0.5rem; - align-items: center; - margin: 0.2rem 0.2rem 0 0.2rem; -} - -.MovieSearchResultsContainer:hover .MovieResultsPrev { - opacity: 0.5; -} - -.MovieSearchResultsContainer:hover .MovieResultsPrev:hover { - opacity: 1; - scale: 1.02; -} - -.MovieResultsPrev { - transition: opacity 200ms ease, scale 200ms ease; -} - -.MovieEntry { - display: flex; - align-items: center; - justify-content: space-between; - color: white; - backdrop-filter: blur(10px); - padding: 0.4rem; - background-color: #1212129f; -} - -.MovieEntry img { - border-radius: 0.5rem; -} - -.MovieEntry p { - margin: 0 0.2rem 0 0; - font-size: 18px; -} - -.NoResults { - color: white; - text-align: center; -} - -@media screen and (max-width: 768px) { - .InputContainer { - width: 100%; - } -} \ No newline at end of file -- cgit v1.2.3