🚀 refactor(movie): revamped movie section

5 files changed, 0 insertions, 347 deletions

diff --git a/src/app/movies/styles/info.module.css b/src/app/movies/styles/info.module.css
deleted file mode 100644
index b848f7f..0000000
--- a/src/app/movies/styles/info.module.css
+++ /dev/null
@@ -1,150 +0,0 @@
-.Main {
-	margin-top: 60px;
-	color: white;
-}
-
-.MovieInfoSection {
-	background-color: #1f1f1fcc;
-	backdrop-filter: blur(10px);
-}
-
-.MovieInfo {
-	max-width: 60%;
-	margin: 0 auto;
-}
-
-.HeroSection {
-	display: flex;
-	align-items: center;
-}
-
-.HeroSection img {
-	border-radius: 1rem;
-	padding: 0.5rem 0 0 0;
-}
-
-.HeroTitle {
-	display: flex;
-	flex-direction: column;
-	margin-left: 0.6rem;
-	padding: 0.3rem;
-}
-
-.HeroTitle h2 {
-	font-size: 28px;
-	margin: 0;
-}
-
-.tagline {
-	margin: 0.2rem 0 0 0;
-	font-size: 12px;
-}
-
-.tagline span {
-	background-color: #12121286;
-	padding: 0.2rem;
-	border-radius: 0.5rem;
-}
-
-.MovieDescription {
-	font-size: 18px;
-	margin: 0.2rem 0 0 0;
-	max-height: 140px;
-	overflow: auto;
-}
-
-.MovieDescription::-webkit-scrollbar {
-	width: 5px;
-}
-
-.MovieDescription::-webkit-scrollbar-thumb {
-	background-color: var(--nord-yellow);
-	border-radius: 1rem;
-}
-
-.OtherInfo {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	margin: 1rem 0 0 0;
-	background-color: #12121286;
-	padding: 1rem;
-	border-radius: 0.5rem;
-}
-
-.Ratings {
-	display: flex;
-}
-
-.divider {
-	margin: 0 0.5rem 0 0.5rem;
-}
-
-.Ratings span {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-}
-
-.Ratings p {
-	margin: 0 0 0 0.4rem;
-}
-
-.Money {
-	margin: 0.5rem 0 0 0;
-	display: flex;
-}
-
-.Money p {
-	margin: 0 0 0 0.4rem;
-}
-
-.Money span {
-	display: flex;
-	align-items: center;
-}
-
-.Genre {
-	display: flex;
-}
-
-.Genre p {
-	background-color: #12121257;
-	margin: 0.5rem 0.2rem 0 0.2rem;
-	padding: 0.3rem;
-	border-radius: 0.5rem;
-}
-
-@media screen and (max-width: 768px) {
-	.MovieInfo {
-		max-width: 100%;
-	}
-
-	.VideoPlayer {
-		width: 98%;
-		margin: 1rem auto;
-	}
-
-	.VideoPlayer iframe {
-		height: 250px;
-	}
-
-	.HeroTitle h2 {
-		font-size: 22px;
-	}
-
-	.HeroSection img {
-		width: 170px;
-		height: 267px;
-	}
-
-	.MovieDescription {
-		font-size: 16px;
-	}
-
-	.OtherInfo {
-		width: 90%;
-		margin: 1rem auto;
-	}
-
-}
\ No newline at end of file
diff --git a/src/app/movies/styles/page.module.css b/src/app/movies/styles/page.module.css
deleted file mode 100644
index 5cba0a1..0000000
--- a/src/app/movies/styles/page.module.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.MovieMain {
-	margin-top: 65px;
-}
diff --git a/src/app/movies/styles/pop_trend.module.css b/src/app/movies/styles/pop_trend.module.css
deleted file mode 100644
index 362debd..0000000
--- a/src/app/movies/styles/pop_trend.module.css
+++ /dev/null
@@ -1,79 +0,0 @@
-.Main {
-	color: white;
-	margin-left: 0.2rem;
-	margin-right: 0.2rem;
-}
-
-.Main h2 {
-	color: white;
-	margin: 0.4rem 0 0 0;
-	text-transform: uppercase;
-	font-size: 30px;
-}
-
-.MovieContainer {
-	display: grid;
-	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-	grid-gap: 0.5rem;
-	align-items: center;
-}
-
-.MovieContainer::-webkit-scrollbar {
-	height: 0;
-}
-
-.MovieContainer:hover .MovieEntryPrev {
-	opacity: 0.5;
-}
-
-.MovieContainer:hover .MovieEntryPrev:hover {
-	opacity: 1;
-	transform: translateY(-5px) scale(1.02);
-	
-}
-
-.MovieEntryPrev {
-	transition: opacity 200ms ease, transform 200ms ease;
-}
-
-.MovieEntry {
-	background-color: #1f1f1fc2;
-	padding: 0.5rem;
-	/* border-radius: 0.5rem; */
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	flex-direction: column;
-	cursor: pointer;
-	backdrop-filter: blur(10px);
-	border-radius: 0.5rem;
-	overflow: hidden;
-}
-
-.MovieEntry img {
-	border-radius: 0.5rem;
-	box-shadow: 0px 0px 10px 8px rgb(32, 32, 32);
-}
-
-
-.MovieEntry p {
-	width: 160px;
-	overflow: hidden;
-	white-space: nowrap;
-	text-overflow: ellipsis;
-	text-align: center;
-	margin: 0.3rem 0 0 0;
-}
-
-@media screen and (max-width: 768px) {
-	.Main h1 {
-		font-size: 24px;
-		text-align: start;
-	}
-
-	.MovieContainer {
-		display: flex;
-		overflow-x: auto;
-		overflow-y: hidden;
-	}
-}
\ No newline at end of file
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
diff --git a/src/app/movies/styles/video_player.module.css b/src/app/movies/styles/video_player.module.css
deleted file mode 100644
index 2e022f0..0000000
--- a/src/app/movies/styles/video_player.module.css
+++ /dev/null
@@ -1,31 +0,0 @@
-.VideoContainer {
-	margin: 0.5rem 0 0 0;
-}
-
-.VideoContainer button {
-	font-family: "Lexend Deca", serif;
-	outline: none;
-	border: none;
-	background-color: #121212be;
-
-	color: white;
-	margin-right: 0.2rem;
-	padding: 0.5rem;
-	border-radius: 0.5rem;
-	cursor: pointer;
-}
-
-.sourcesButtonContainer {
-	display: flex;
-	overflow: auto;
-}
-
-.VideoPlayer {
-	width: 100%;
-	height: 700px;
-	aspect-ratio: "16/9";
-	border: none;
-	outline: none;
-	border-radius: 0.5rem;
-	margin: 0.5rem 0 0 0;
-}
\ No newline at end of file