aboutsummaryrefslogtreecommitdiff
path: root/src/app/web-series/styles
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
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')
-rw-r--r--src/app/web-series/styles/info.module.css170
-rw-r--r--src/app/web-series/styles/pages.module.css49
-rw-r--r--src/app/web-series/styles/search.module.css80
-rw-r--r--src/app/web-series/styles/videoPlayer.module.css76
-rw-r--r--src/app/web-series/styles/web-series.module.css4
5 files changed, 0 insertions, 379 deletions
diff --git a/src/app/web-series/styles/info.module.css b/src/app/web-series/styles/info.module.css
deleted file mode 100644
index d60023d..0000000
--- a/src/app/web-series/styles/info.module.css
+++ /dev/null
@@ -1,170 +0,0 @@
-.Main {
- margin-top: 60px;
-
-}
-
-.Main::-webkit-scrollbar {
- width: 0;
-}
-
-.AnimeInfo {
- backdrop-filter: blur(10px);
- background-color: #1f1f1fcb;
-
-}
-
-.AnimeInfoContainer {
- width: 50%;
- height: 100vh;
- margin: 0px auto;
-}
-
-.TitleContainer {
- display: flex;
- align-items: center;
-}
-
-.TitleContainer img {
- border-radius: 0.8rem;
- padding: 0.5rem;
-}
-
-.SideTitleContainer {
- margin: 0.4rem;
- color: white;
-}
-
-.title {
- margin: 0;
-}
-
-.secondTitle {
- margin: 0;
- font-size: small;
-}
-
-.tagline {
- margin: 0;
-}
-
-.tagline span {
- background-color: #121212b7;
- padding: 0.2rem;
- border-radius: 0.5rem;
- font-size: 12px;
-}
-
-.description {
- margin: 0.2rem 0 0 0;
- height: auto;
- max-height: 100px;
- overflow: auto;
-}
-
-.description::-webkit-scrollbar {
- width: 3px;
-}
-
-.description::-webkit-scrollbar-thumb {
- background-color: var(--neon-yellow);
- border-radius: 1rem;
-}
-
-
-.genres {
- margin: 0;
- color: var(--nord-yellow);
-}
-
-.genres span {
- color: white;
-}
-
-.epiInfo {
- margin: 0;
- color: var(--nord-yellow);
-}
-
-.epiInfo span {
- color: white;
-}
-
-.votes {
- display: flex;
-}
-
-.votes p {
- margin: 0 0 0 0;
-}
-
-.vote {
- display: flex;
- align-items: center;
- margin: 0 0.2rem 0 0;
-}
-
-.CrewContainer {
- color: white;
- margin-top: -1rem;
-}
-
-.CrewEntry {
- display: flex;
- align-items: center;
- overflow: auto;
-}
-
-.CrewEntry h2 {
- margin: 0;
- color: white;
-}
-
-.CastEntry {
- display: flex;
- flex-direction: column;
- align-items: center;
- margin: 0 0 0 0.4rem;
-}
-
-.CastEntry img {
- border-radius: 0.5rem;
-}
-
-.CastEntry p {
- margin: 0;
- width: 140px;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- text-align: center;
-}
-
-.CrewEntry::-webkit-scrollbar {
- height: 3px;
-}
-
-.CrewEntry::-webkit-scrollbar-thumb {
- background-color: var(--neon-yellow);
- border-radius: 1rem;
-}
-
-
-@media screen and (max-width: 1024px) {
- .AnimeInfoContainer {
- width: 100%;
- }
-
- .title {
- font-size: 20px;
- }
-
- .description {
- font-size: 14px;
- max-height: 100px;
- overflow: auto;
- }
-
- .SideTitleContainer {
- font-size: 14px;
- }
-} \ No newline at end of file
diff --git a/src/app/web-series/styles/pages.module.css b/src/app/web-series/styles/pages.module.css
deleted file mode 100644
index 8f15de2..0000000
--- a/src/app/web-series/styles/pages.module.css
+++ /dev/null
@@ -1,49 +0,0 @@
-.main h2 {
- color: white;
- /* margin: 0.4rem 0 0 0; */
- text-transform: uppercase;
- font-size: 30px;
-}
-
-.SeriesContainer {
- display: grid;
- grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
- grid-gap: 0.5rem;
- align-items: center;
- margin: -1rem 0 0 0;
-}
-
-.SeriesEntry {
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
- background-color: #1f1f1fce;
- border-radius: 0.5rem;
- padding: 0.4rem;
- color: white;
- cursor: pointer;
-}
-
-.SeriesEntry p {
- width: 170px;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- text-align: center;
- margin: 0.3rem 0 0 0;
- font-family: "Lexend Deca", serif;
-}
-
-.SeriesEntry img {
- border-radius: 0.5rem;
-}
-
-@media screen and (max-width: 768px) {
- .SeriesContainer {
- display: flex;
- align-items: center;
- overflow-x: auto;
- overflow-y: hidden;
- }
-} \ No newline at end of file
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
diff --git a/src/app/web-series/styles/videoPlayer.module.css b/src/app/web-series/styles/videoPlayer.module.css
deleted file mode 100644
index f44776f..0000000
--- a/src/app/web-series/styles/videoPlayer.module.css
+++ /dev/null
@@ -1,76 +0,0 @@
-.Main {
- margin: 1.5rem 0 0 0;
-}
-
-.EpisodeSeasonInput {
- display: flex;
- align-items: center;
- justify-content: center;
-}
-
-.EpisodeSeasonInput input {
- padding: 0.6rem;
- margin: 0 0.2rem 0 0.2rem;
- border: none;
- outline: none;
- background-color: #121212a6;
- border-radius: 0.5rem;
- font-family: "Lexend Deca", serif;
- color: white;
-}
-
-.EpisodeSeasonInput button {
- padding: 0.5rem;
- border: none;
- outline: none;
- border-radius: 0.5rem;
- background-color: #121212a6;
- color: white;
- cursor: pointer;
- font-family: "Atkinson Hyperlegible", serif;
-}
-
-
-.EpisodeSeasonInput input::placeholder {
- color: gray;
-}
-
-.VideoPlayer iframe {
- margin: 1rem 0 2.5rem 0;
- width: 100%;
- height: 400px;
- border-radius: 0.5rem;
- border: none;
- outline: none;
-}
-
-.VideoPlayer p {
- color: white;
- margin: 0.5rem 0 0 0;
- text-align: center;
- font-size: 12px;
-}
-
-@media screen and (max-width: 768px) {
-
- .EpisodeSeasonInput {
- width: 80%;
- margin: 0px auto;
- }
-
- .VideoPlayer iframe {
- width: 100%;
- height: 300px;
- margin-bottom: 50px;
- }
-
- .EpisodeSeasonInput input {
- padding: 0.4rem;
- }
-
- .EpisodeSeasonInput button {
- padding: 0.3rem 0.4rem 0.3rem 0.4rem;
- font-size: 14px;
- }
-
-} \ No newline at end of file
diff --git a/src/app/web-series/styles/web-series.module.css b/src/app/web-series/styles/web-series.module.css
deleted file mode 100644
index 849fed9..0000000
--- a/src/app/web-series/styles/web-series.module.css
+++ /dev/null
@@ -1,4 +0,0 @@
-.main {
- margin: 65px auto;
- width: 99%;
-} \ No newline at end of file