diff options
| author | real-zephex <[email protected]> | 2024-05-29 01:00:42 +0530 |
|---|---|---|
| committer | real-zephex <[email protected]> | 2024-05-29 01:00:42 +0530 |
| commit | 9497598754c5a810974c6040e78c295ff0a4ed6f (patch) | |
| tree | 5d40f1b802af30859b06e4c7f577fd50f3cc74cb /src/app/web-series/styles/search.module.css | |
| parent | Merge pull request #39 from real-zephex/homepage-redesign (diff) | |
| download | dramalama-9497598754c5a810974c6040e78c295ff0a4ed6f.tar.xz dramalama-9497598754c5a810974c6040e78c295ff0a4ed6f.zip | |
✨ feat(series): rewrite series page and drop manga support
Diffstat (limited to 'src/app/web-series/styles/search.module.css')
| -rw-r--r-- | src/app/web-series/styles/search.module.css | 80 |
1 files changed, 0 insertions, 80 deletions
diff --git a/src/app/web-series/styles/search.module.css b/src/app/web-series/styles/search.module.css deleted file mode 100644 index fdf46e3..0000000 --- a/src/app/web-series/styles/search.module.css +++ /dev/null @@ -1,80 +0,0 @@ -.InputContainer { - display: flex; - align-items: center; - background-color: #1f1f1f; - width: 40vw; - border-radius: 0.5rem; - padding: 0.4rem; -} - -.SearchIcon { - margin-left: 0.4rem; -} - -.InputContainer input { - background-color: transparent; - outline: none; - border: none; - padding: 0.4rem; - font-family: "Lexend Deca", serif; - font-size: 20px; - margin-left: 0.2rem; - font-size: large; - color: white; - width: 100%; -} - -.SearchedSeriesContainer { - display: grid; - grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); - grid-gap: 0.7rem; - align-items: center; - margin-top: 0.8rem; -} - -.SearchedSeriesEntry { - display: flex; - align-items: center; - flex-direction: column; - background-color: #1f1f1f; - border-radius: 0.5rem; - padding: 0.2rem; - transition: opacity 200ms ease; - -} - -.SearchedSeriesContainer:hover .SearchedSeriesEntry { - opacity: 0.5; -} - -.SearchedSeriesContainer .SearchedSeriesEntry:hover { - opacity: 1; -} - -.SearchedSeriesEntry p { - width: 150px; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - text-align: center; - margin: 0.2rem 0 0.2rem 0; -} - -.SearchedSeriesEntry img { - border-radius: 0.5rem; - padding: 0.2rem 0.2rem 0 0.2rem; -} - -@media screen and (max-width: 768px) { - - .InputContainer { - width: 100%; - } - - .SearchedSeriesContainer { - display: flex; - overflow: auto; - } - - -}
\ No newline at end of file |