aboutsummaryrefslogtreecommitdiff
path: root/src/app/web-series/styles/search.module.css
diff options
context:
space:
mode:
authorreal-zephex <[email protected]>2024-05-29 01:00:42 +0530
committerreal-zephex <[email protected]>2024-05-29 01:00:42 +0530
commit9497598754c5a810974c6040e78c295ff0a4ed6f (patch)
tree5d40f1b802af30859b06e4c7f577fd50f3cc74cb /src/app/web-series/styles/search.module.css
parentMerge pull request #39 from real-zephex/homepage-redesign (diff)
downloaddramalama-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.css80
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