diff options
Diffstat (limited to 'src/app/anime')
| -rw-r--r-- | src/app/anime/[id]/info.module.css | 13 | ||||
| -rw-r--r-- | src/app/anime/[id]/loading.module.css | 6 | ||||
| -rw-r--r-- | src/app/anime/anime.module.css | 2 | ||||
| -rw-r--r-- | src/app/anime/history/continueWatching/cw.module.css | 2 | ||||
| -rw-r--r-- | src/app/anime/history/continueWatching/page.jsx | 2 | ||||
| -rw-r--r-- | src/app/anime/history/storeData.js | 9 | ||||
| -rw-r--r-- | src/app/anime/recent/recent.module.css | 3 | ||||
| -rw-r--r-- | src/app/anime/search/search.module.css | 4 | ||||
| -rw-r--r-- | src/app/anime/top-airing/trending.module.css | 2 |
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 +}
|