Radiquum/AniX
1
0
Fork 0
mirror of https://github.com/Radiquum/AniX.git synced 2025-04-30 18:09:40 +05:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor: change Image Optimization to custom url

Browse source
This commit is contained in:
Kentai Radiquum 2024-08-23 04:51:47 +05:00
parent 61e8b74d11
commit ff11a90a5e
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
11 changed files with 100 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

7
app/components/ReleaseInfo/ReleaseInfo.Basics.tsx
View file

@ -1,5 +1,6 @@
import { Card, Button } from "flowbite-react";
import { useState } from "react";
import Image from "next/image";
export const ReleaseInfoBasics = (props: {
image: string;
@ -12,11 +13,13 @@ export const ReleaseInfoBasics = (props: {
return (
<Card className="h-full">
<div className="flex flex-col w-full h-full gap-4 lg:flex-row">
<img
<Image
className="w-[285px] max-h-[385px] object-cover border border-gray-200 rounded-lg shadow-md dark:border-gray-700"
src={props.image}
alt=""
></img>
width={285}
height={385}
/>
<div className="flex flex-col max-w-2xl gap-2 text-sm md:text-base">
<div className="flex flex-col gap-1">
<p className="text-xl font-bold text-black md:text-2xl dark:text-white">

14
app/components/ReleaseInfo/ReleaseInfo.Screenshots.tsx
View file

@ -1,13 +1,19 @@
import { Card, Carousel } from "flowbite-react";
import Image from "next/image";
export const ReleaseInfoScreenshots = (props: {
images: string[];
}) => {
export const ReleaseInfoScreenshots = (props: { images: string[] }) => {
return (
<Card>
<Carousel className="aspect-[16/10]">
{props.images.map((image: string, index: number) => (
<img key={index} className="object-cover" src={image} />
<Image
key={index}
className="object-cover"
src={image}
width={400}
height={300}
alt=""
/>
))}
</Carousel>
</Card>