ChandimaPrabath
commited on
Commit
•
a501e03
1
Parent(s):
085e9e0
patch#2
Browse files
frontend/src/app/genres/[genre]/genres.css
CHANGED
@@ -108,13 +108,22 @@ body {
|
|
108 |
}
|
109 |
|
110 |
/* Loading and error messages */
|
111 |
-
.loading,
|
112 |
.error {
|
113 |
font-size: 1.2rem;
|
114 |
text-align: center;
|
115 |
margin-top: 50px;
|
116 |
}
|
117 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
118 |
/* No items available message */
|
119 |
.no-items {
|
120 |
font-size: 1.2rem;
|
|
|
108 |
}
|
109 |
|
110 |
/* Loading and error messages */
|
|
|
111 |
.error {
|
112 |
font-size: 1.2rem;
|
113 |
text-align: center;
|
114 |
margin-top: 50px;
|
115 |
}
|
116 |
|
117 |
+
.loading {
|
118 |
+
position: fixed;
|
119 |
+
top: 50%;
|
120 |
+
left: 50%;
|
121 |
+
transform: translate(-50%, -50%);
|
122 |
+
justify-content: center;
|
123 |
+
align-items: center;
|
124 |
+
z-index: 100;
|
125 |
+
}
|
126 |
+
|
127 |
/* No items available message */
|
128 |
.no-items {
|
129 |
font-size: 1.2rem;
|
frontend/src/app/genres/[genre]/page.js
CHANGED
@@ -13,6 +13,7 @@ import {
|
|
13 |
import Image from "next/image";
|
14 |
import "./genres.css";
|
15 |
import GenreFilterModal from "@/modals/GenreFilterModal"; // Import the Modal
|
|
|
16 |
|
17 |
export default function GenrePage({ params }) {
|
18 |
const [genreItems, setGenreItems] = useState(null);
|
@@ -77,7 +78,11 @@ export default function GenrePage({ params }) {
|
|
77 |
};
|
78 |
|
79 |
if (loading) {
|
80 |
-
return
|
|
|
|
|
|
|
|
|
81 |
}
|
82 |
|
83 |
return (
|
|
|
13 |
import Image from "next/image";
|
14 |
import "./genres.css";
|
15 |
import GenreFilterModal from "@/modals/GenreFilterModal"; // Import the Modal
|
16 |
+
import { Spinner } from "@/components/Spinner";
|
17 |
|
18 |
export default function GenrePage({ params }) {
|
19 |
const [genreItems, setGenreItems] = useState(null);
|
|
|
78 |
};
|
79 |
|
80 |
if (loading) {
|
81 |
+
return (
|
82 |
+
<div className="loading">
|
83 |
+
<Spinner />
|
84 |
+
</div>
|
85 |
+
);
|
86 |
}
|
87 |
|
88 |
return (
|
frontend/src/app/globals.css
CHANGED
@@ -27,4 +27,4 @@ body {
|
|
27 |
|
28 |
.app-container::-webkit-scrollbar {
|
29 |
display: none;
|
30 |
-
}
|
|
|
27 |
|
28 |
.app-container::-webkit-scrollbar {
|
29 |
display: none;
|
30 |
+
}
|
frontend/src/components/MovieCard.css
CHANGED
@@ -48,6 +48,7 @@
|
|
48 |
display: flex;
|
49 |
flex-direction: column;
|
50 |
justify-content: center;
|
|
|
51 |
}
|
52 |
|
53 |
.movie-title {
|
|
|
48 |
display: flex;
|
49 |
flex-direction: column;
|
50 |
justify-content: center;
|
51 |
+
text-decoration: none;
|
52 |
}
|
53 |
|
54 |
.movie-title {
|