aboutsummaryrefslogtreecommitdiff
path: root/src/app/anime
diff options
context:
space:
mode:
Diffstat (limited to 'src/app/anime')
-rw-r--r--src/app/anime/[id]/info.module.css13
-rw-r--r--src/app/anime/[id]/loading.module.css6
-rw-r--r--src/app/anime/anime.module.css2
-rw-r--r--src/app/anime/history/continueWatching/cw.module.css2
-rw-r--r--src/app/anime/history/continueWatching/page.jsx2
-rw-r--r--src/app/anime/history/storeData.js9
-rw-r--r--src/app/anime/recent/recent.module.css3
-rw-r--r--src/app/anime/search/search.module.css4
-rw-r--r--src/app/anime/top-airing/trending.module.css2
9 files changed, 23 insertions, 20 deletions
diff --git a/src/app/anime/[id]/info.module.css b/src/app/anime/[id]/info.module.css
index 56be3ad..c7ab66b 100644
--- a/src/app/anime/[id]/info.module.css
+++ b/src/app/anime/[id]/info.module.css
@@ -55,7 +55,6 @@
.buttonContainer button {
transition: transform 200ms ease-in-out;
-
}
.buttonContainer button:focus {
@@ -65,11 +64,11 @@
transform: scale(0.9);
}
-.buttonContainer::-webkit-scrollbar{
+.buttonContainer::-webkit-scrollbar {
width: 5px;
}
-.buttonContainer::-webkit-scrollbar-thumb{
+.buttonContainer::-webkit-scrollbar-thumb {
background-color: var(--soft-purple);
border-radius: 1rem;
}
@@ -92,7 +91,7 @@
.dramaButton:hover {
background-color: #1f1f1f;
- transition: background-color 200ms ease-in
+ transition: background-color 200ms ease-in;
}
.infoPageContainer p {
@@ -118,7 +117,7 @@
}
.animeRelease span {
- color: var(--soft-purple)
+ color: var(--soft-purple);
}
.videoPopUp {
@@ -137,7 +136,6 @@
overflow-y: auto;
}
-
.closeButton {
font-family: "Poppins", serif;
font-size: 16px;
@@ -160,7 +158,6 @@
}
@media screen and (max-width: 768px) {
-
.titleContainer p {
font-size: 28px;
}
@@ -172,4 +169,4 @@
.video {
width: 100%;
}
-} \ No newline at end of file
+}
diff --git a/src/app/anime/[id]/loading.module.css b/src/app/anime/[id]/loading.module.css
index 2bcedaa..a9feceb 100644
--- a/src/app/anime/[id]/loading.module.css
+++ b/src/app/anime/[id]/loading.module.css
@@ -11,12 +11,12 @@
height: 50px;
border-radius: 50%;
border: 8px solid;
- border-color: #F4F4F4 #0000;
+ border-color: #f4f4f4 #0000;
animation: s1 1s infinite;
}
@keyframes s1 {
to {
- transform: rotate(.5turn)
+ transform: rotate(0.5turn);
}
-} \ No newline at end of file
+}
diff --git a/src/app/anime/anime.module.css b/src/app/anime/anime.module.css
index f2b4f28..56c6138 100644
--- a/src/app/anime/anime.module.css
+++ b/src/app/anime/anime.module.css
@@ -1,4 +1,4 @@
.main {
margin: 50px auto;
max-width: 98%;
-} \ No newline at end of file
+}
diff --git a/src/app/anime/history/continueWatching/cw.module.css b/src/app/anime/history/continueWatching/cw.module.css
index e473513..ce70c30 100644
--- a/src/app/anime/history/continueWatching/cw.module.css
+++ b/src/app/anime/history/continueWatching/cw.module.css
@@ -58,4 +58,4 @@
.animeEntry img {
width: 35%;
}
-} \ No newline at end of file
+}
diff --git a/src/app/anime/history/continueWatching/page.jsx b/src/app/anime/history/continueWatching/page.jsx
index d9bc6d1..4b18adf 100644
--- a/src/app/anime/history/continueWatching/page.jsx
+++ b/src/app/anime/history/continueWatching/page.jsx
@@ -43,7 +43,7 @@ const ContinueWatching = () => {
</p>
<p className={styles.date}>
Last watched on: {item.date} at{" "}
- {item.time}
+ {item.time} hours
</p>
</div>
<Image
diff --git a/src/app/anime/history/storeData.js b/src/app/anime/history/storeData.js
index b748d3b..4008095 100644
--- a/src/app/anime/history/storeData.js
+++ b/src/app/anime/history/storeData.js
@@ -1,6 +1,7 @@
"use client";
export function storeLocal(watchData) {
+ const currentDate = new Date();
const jsonData = localStorage.getItem("data");
const dataObject = jsonData ? JSON.parse(jsonData) : {};
@@ -12,7 +13,15 @@ export function storeLocal(watchData) {
dataObject.watchHis.forEach((element) => {
if (element.name === watchData.name) {
let episode = watchData.episode;
+ let date = `${currentDate.getDate()}-${String(
+ currentDate.getMonth() + 1
+ ).padStart(2, "0")}`;
+ let time = `${currentDate.getHours()}:${String(
+ currentDate.getMinutes()
+ ).padStart(2, "0")}`;
element.episode = episode;
+ element.date = date;
+ element.time = time;
found = true;
}
});
diff --git a/src/app/anime/recent/recent.module.css b/src/app/anime/recent/recent.module.css
index a641fb5..c7877da 100644
--- a/src/app/anime/recent/recent.module.css
+++ b/src/app/anime/recent/recent.module.css
@@ -44,7 +44,6 @@
padding: 0.5rem;
border-radius: 0.5rem;
transition: opacity 400ms ease, transform 400ms ease;
-
}
.RecentEntries p {
@@ -70,4 +69,4 @@
.RecentImage {
border-radius: 0.5rem;
-} \ No newline at end of file
+}
diff --git a/src/app/anime/search/search.module.css b/src/app/anime/search/search.module.css
index a1acc27..7f0ef67 100644
--- a/src/app/anime/search/search.module.css
+++ b/src/app/anime/search/search.module.css
@@ -79,7 +79,6 @@
.animeEntry::-webkit-scrollbar-thumb {
background-color: rgba(196, 196, 196, 0.692);
border-radius: 5px;
-
}
.anime {
@@ -91,7 +90,6 @@
border-radius: 0.5rem;
transition: opacity 200ms ease-in, background-color 200ms linear;
background-color: #242424d0;
-
}
.anime p {
@@ -113,4 +111,4 @@
.anime p {
width: 50dvw;
}
-} \ No newline at end of file
+}
diff --git a/src/app/anime/top-airing/trending.module.css b/src/app/anime/top-airing/trending.module.css
index 0acc3e1..913697c 100644
--- a/src/app/anime/top-airing/trending.module.css
+++ b/src/app/anime/top-airing/trending.module.css
@@ -69,4 +69,4 @@
.trendingImage {
border-radius: 0.5rem;
-} \ No newline at end of file
+}