styling

src/components/glitch-avatar.tsx

@@ -7,6 +7,7 @@ interface GlitchAvatarProps {
   glitchSrc?: string;
   size?: number;
   radius?: string | number;
+  withBorder?: boolean;
   children?: React.ReactNode;
 }
 
@@ -21,6 +22,7 @@ const GlitchAvatar = ({
   glitchSrc,
   size = 35,
   radius = "md",
+  withBorder = true,
   children,
 }: GlitchAvatarProps) => {
   const [showGlitch, setShowGlitch] = useState(false);
@@ -89,7 +91,9 @@ const GlitchAvatar = ({
         position: "relative",
         width: "fit-content",
         padding: FRAME_PADDING,
-        border: "1px solid var(--mantine-color-default-border)",
+        border: withBorder
+          ? "1px solid var(--mantine-color-default-border)"
+          : "1px solid transparent",
         borderRadius: `calc(${innerRadius} + ${FRAME_PADDING}px)`,
       }}
     >