aboutsummaryrefslogtreecommitdiff
path: root/src/app/movies/styles/search.module.css
diff options
context:
space:
mode:
authorreal-zephex <[email protected]>2024-05-25 16:58:02 +0530
committerreal-zephex <[email protected]>2024-05-25 16:58:02 +0530
commit2d0bcaeeeffef4e6ed6f445378b9729e70901f61 (patch)
tree40f63b16c4e11551b45b2989728eb659af47c6e2 /src/app/movies/styles/search.module.css
parent✅ fix(anime): fix continue watching functionality and minor tweaks (diff)
downloaddramalama-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.css84
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