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 projects previews

Browse source
This commit is contained in:
Kentai Radiquum 2025-08-06 01:43:15 +05:00
parent bd2388aaa5
commit d8bc89e1c6
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
10 changed files with 146 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

8
app/components/IconWithText.tsx
View file

@ -4,6 +4,7 @@ type IconWithTextProps = {
desc: string;
backgroundColor?: string | null;
backgroundOpacity?: string | null;
isGroup?: boolean;
};
export const IconWithText = ({
@ -12,10 +13,15 @@ export const IconWithText = ({
desc,
backgroundColor,
backgroundOpacity,
isGroup,
}: IconWithTextProps) => {
return (
<div
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`}
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] ${
!isGroup
? "hover:scale-105"
: "group-hover:scale-105"
} duration-100 ease-in-out`}
style={
{
"--bg-color": backgroundColor || "#161213",