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: add background to links and headers

Browse source 
feat: add skills
This commit is contained in:
Kentai Radiquum 2025-07-25 03:03:13 +05:00
parent ab5eedeb07
commit 46f7530e71
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
8 changed files with 99 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

13
app/components/IconWithText.tsx
View file

@ -2,20 +2,23 @@ type IconWithTextProps = {
icon: string;
text: string;
desc: string;
hoverTextColor?: string | null;
backgroundColor?: string | null;
backgroundOpacity?: string | null;
};
export const IconWithText = ({
icon,
text,
desc,
hoverTextColor,
backgroundColor,
backgroundOpacity
}: IconWithTextProps) => {
return (
<div
className={`flex items-center gap-1 ${
hoverTextColor ? `hover:text-${hoverTextColor}` : ""
} transition-[color,_scale] hover:scale-105 duration-100`}
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)] ${
backgroundColor ? `` : "bg-[#161213]/25"
} transition-[scale] hover:scale-105 duration-100 ease-in-out`}
style={{ "--bg-color": backgroundColor, "--bg-opacity": backgroundOpacity || "25%" } as React.CSSProperties}
>
{/* eslint-disable-next-line @next/next/no-img-element */}
<img src={icon} alt={""} />