diff options
| author | real-zephex <[email protected]> | 2024-05-25 16:58:02 +0530 |
|---|---|---|
| committer | real-zephex <[email protected]> | 2024-05-25 16:58:02 +0530 |
| commit | 2d0bcaeeeffef4e6ed6f445378b9729e70901f61 (patch) | |
| tree | 40f63b16c4e11551b45b2989728eb659af47c6e2 /src/app/movies/styles/search.module.css | |
| parent | ✅ fix(anime): fix continue watching functionality and minor tweaks (diff) | |
| download | dramalama-2d0bcaeeeffef4e6ed6f445378b9729e70901f61.tar.xz dramalama-2d0bcaeeeffef4e6ed6f445378b9729e70901f61.zip | |
🚀 refactor(movie): revamped movie section
Diffstat (limited to 'src/app/movies/styles/search.module.css')
| -rw-r--r-- | src/app/movies/styles/search.module.css | 84 |
1 files changed, 0 insertions, 84 deletions
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 |