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

refactor: intro

Browse source
This commit is contained in:
Kentai Radiquum 2025-07-26 21:46:28 +05:00
parent fec0e79c50
commit 94e55edf4c
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
4 changed files with 15 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

4
app/components/CharacterImage.tsx
View file

@ -14,8 +14,8 @@ export const CharacterImage = ({
}: CharacterImageProps) => {
return (
<div className="relative rounded-4xl overflow-hidden">
<img src={image} alt="" className="rounded-4xl w-full md:w-[288px] aspect-square" />
<div className="absolute left-0 right-0 bottom-0 z-10 from-[#131314] to-[#131314]/0 bg-gradient-to-t md:hidden">
<img src={image} alt="" className="w-full md:w-[288px] aspect-square" />
<div className="absolute left-0 right-0 -bottom-[12px] z-10 from-[#131314] to-[#131314]/0 bg-gradient-to-t md:hidden">
<div className="p-4 flex gap-2 justify-between items-end">
<p className="text-5xl">{name}</p>
<p className="flex-1 text-right text-3xl">

2
app/components/IconWithText.tsx
View file

@ -15,7 +15,7 @@ export const IconWithText = ({
}: IconWithTextProps) => {
return (
<div
className={`flex items-start gap-2 border-1 px-3 py-1.5 rounded-xl border-white/5 bg-[var(--bg-color)]/[var(--bg-opacity)] transition-[scale] hover:scale-105 duration-100 ease-in-out`}
className={`flex items-start gap-1 border-1 px-3 py-1.5 rounded-xl border-white/5 bg-[var(--bg-color)]/[var(--bg-opacity)] transition-[scale] hover:scale-105 duration-100 ease-in-out`}
style={
{
"--bg-color": backgroundColor || "#161213",