diff options
| author | real-zephex <[email protected]> | 2024-05-11 01:33:00 +0530 |
|---|---|---|
| committer | real-zephex <[email protected]> | 2024-05-11 01:33:00 +0530 |
| commit | 4c4f8214637ac8d19e16f71d20542982a5eedad7 (patch) | |
| tree | d59021d92da577b2c38bc591571fe13a35a3b779 /src/app/anime/top-airing | |
| parent | Merge pull request #24 from zephex-alt/master (diff) | |
| download | dramalama-4c4f8214637ac8d19e16f71d20542982a5eedad7.tar.xz dramalama-4c4f8214637ac8d19e16f71d20542982a5eedad7.zip | |
UI changes, Logic change and complete re-write for anime page
Diffstat (limited to 'src/app/anime/top-airing')
| -rw-r--r-- | src/app/anime/top-airing/page.jsx | 52 | ||||
| -rw-r--r-- | src/app/anime/top-airing/trending.module.css | 79 |
2 files changed, 0 insertions, 131 deletions
diff --git a/src/app/anime/top-airing/page.jsx b/src/app/anime/top-airing/page.jsx deleted file mode 100644 index 0102371..0000000 --- a/src/app/anime/top-airing/page.jsx +++ /dev/null @@ -1,52 +0,0 @@ -import styles from "./trending.module.css";
-import Image from "next/image";
-import Link from "next/link";
-import { preFetchAnimeInfo } from "../videoLinkfetcher";
-
-export default async function Trending() {
- const data = await test();
- preFetchAnimeInfo(data);
-
- return (
- <div className={styles.TrendingContainer}>
- <div className={styles.TrendingText}>
- <h1>Trending</h1>
- </div>
-
- <div className={styles.trending}>
- {data &&
- data.results.map((item, index) => (
- <Link
- key={index}
- href={`/anime/${item.id}`}
- style={{ textDecoration: "none", color: "white" }}
- >
- <div
- className={styles.trendingEntries}
- title={item.title}
- >
- <Image
- src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=${item.image}`}
- className={styles.trendingImage}
- width={167}
- height={267}
- alt="Drama"
- priority
- />
- <p>{item.title}</p>
- </div>
- </Link>
- ))}
- </div>
- </div>
- );
-}
-
-async function test() {
- const res = await fetch(
- "https://consumet-jade.vercel.app/anime/gogoanime/top-airing",
- { next: { revalidate: 21600 } }
- );
- const data = res.json();
- return data;
-}
diff --git a/src/app/anime/top-airing/trending.module.css b/src/app/anime/top-airing/trending.module.css deleted file mode 100644 index cd1a672..0000000 --- a/src/app/anime/top-airing/trending.module.css +++ /dev/null @@ -1,79 +0,0 @@ -.TrendingText h1 {
- margin: 0px 0px 0.5rem 0.5rem;
- text-align: center;
- color: transparent;
- background: linear-gradient(90deg,
- var(--neon-green) 40%,
- var(--light-green) 60%,
- var(--neon-yellow) 80%,
- var(--soft-purple) 100%);
- background-size: 60% 50%;
- background-clip: text;
-}
-
-.trending {
- display: grid;
- grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
- grid-gap: 0.5rem;
- align-items: center;
- margin-left: 0.5rem;
-}
-
-.TrendingContainer:hover .trendingEntries {
- opacity: 0.5;
-}
-
-.TrendingContainer:hover .trendingEntries:hover {
- opacity: 1;
- transform: scale(1.02);
-}
-
-.trending::-webkit-scrollbar {
- height: 0px;
-}
-
-.trendingEntries {
- transition: transform 400ms ease;
- background-color: #1f1f1fbb;
- padding: 0.5rem;
- border-radius: 0.4rem;
- transition: opacity 400ms ease, transform 400ms ease;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center;
-}
-
-.trendingEntries p {
- text-align: center;
- width: auto;
- max-width: 160px;
- margin: 0.5rem 0 0 0;
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
-}
-
-.trendingEntries img {
- border-radius: 0.4rem;
- box-shadow: 0 0 10px 5px rgba(18, 18, 18, 0.863);
-}
-
-@media screen and (max-width: 768px) {
- .TrendingText p {
- text-align: start;
- font-size: 26px;
- margin-bottom: 1rem;
- }
-
- .trending {
- display: flex;
- overflow-x: auto;
- overflow-y: hidden;
- margin-top: -8px;
- }
-
- .trendingEntries img {
- width: auto;
- }
-}
\ No newline at end of file |