Radiquum/radiquum.github.io
1
0
Fork 0
mirror of https://github.com/Radiquum/radiquum.github.io.git synced 2025-09-08 15:33:54 +05:00
Code Issues Projects Releases Packages Wiki Activity

feat: add images for character section

Browse source
This commit is contained in:
Kentai Radiquum 2025-07-23 12:56:33 +05:00
parent e63a3126ae
commit 72bad7b8ea
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
13 changed files with 45 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

34
app/Section/Characters.tsx
View file

@ -49,7 +49,7 @@ export const Characters = () => {
image="/images/protogen.png"
/>
</div>
<div className="flex-col gap-8 mt-2 hidden md:flex">
<div className="flex-col gap-8 mt-2 hidden md:flex relative">
<div className="flex gap-4">
<CharacterImage
name="Kentai"
@ -66,18 +66,46 @@ export const Characters = () => {
about
</button>
</div>
<div className="ml-21 hidden xl:block">
<img
className="rounded-4xl w-[372px] h-[288px] object-cover"
src="/images/red_panda2.png"
alt=""
/>
</div>
<div className="hidden xl:block absolute -right-72">
<img
className="rounded-4xl w-[372px] h-[288px] object-cover"
src="/images/red_panda3.png"
alt=""
/>
</div>
</div>
<div className="flex gap-4">
<div className="flex gap-4 xl:flex-row-reverse">
<CharacterImage
name=""
species="Protogen"
gender="Male"
image="/images/protogen.png"
/>
<div className="flex flex-col">
<div className="flex flex-col xl:text-right">
<p className="mt-2 text-3xl">Protogen</p>
<p className="text-3xl">Male</p>
</div>
<div className="mr-16 hidden xl:block">
<img
className="rounded-4xl w-[372px] h-[288px] object-cover"
src="/images/protogen2.png"
alt=""
/>
</div>
<div className="ml-10 hidden xl:block absolute -left-72">
<img
className="rounded-4xl w-[372px] h-[288px] object-cover"
src="/images/protogen3.png"
alt=""
/>
</div>
</div>
</div>
</Section>