docs: unify component implementations for consistency (#3799)

* fix(docs): unify component implementations for consistency

* update
This commit is contained in:
KinfeMichael Tariku
2025-08-06 03:23:03 +03:00
committed by Bereket Engida
parent fc67723b04
commit f59343da43
2 changed files with 6 additions and 39 deletions

View File

@@ -59,28 +59,6 @@ const Card = ({
); );
}; };
const AceternityIcon = () => {
return (
<svg
width="66"
height="65"
viewBox="0 0 66 65"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className="h-10 w-10 text-black dark:text-white group-hover/canvas-card:text-white "
>
<path
d="M8 8.05571C8 8.05571 54.9009 18.1782 57.8687 30.062C60.8365 41.9458 9.05432 57.4696 9.05432 57.4696"
stroke="currentColor"
strokeWidth="15"
strokeMiterlimit="3.86874"
strokeLinecap="round"
style={{ mixBlendMode: "darken" }}
/>
</svg>
);
};
export const Icon = ({ className, ...rest }: any) => { export const Icon = ({ className, ...rest }: any) => {
return ( return (
<svg <svg

View File

@@ -1,30 +1,19 @@
const SectionSvg = ({ crossesOffset }: { crossesOffset: string }) => { const SectionSvg = ({ crossesOffset }: { crossesOffset: string }) => {
return ( return (
<> <>
<PlusSvg <Plus
className={`hidden absolute -top-[0.3125rem] ${ className={`hidden absolute -top-[0.3125rem] h-6 w-6 ${
crossesOffset && crossesOffset crossesOffset && crossesOffset
} pointer-events-none lg:block lg:left-[3.6825rem]`} } pointer-events-none lg:block lg:left-[3.275rem] text-neutral-300 dark:text-neutral-600 translate-y-[.5px]`}
/> />
<PlusSvg <Plus
className={`hidden absolute -top-[0.3125rem] right-[1.4625rem] ${ className={`hidden absolute -top-[0.3125rem] h-6 w-6 right-[1.4625rem] ${
crossesOffset && crossesOffset crossesOffset && crossesOffset
} pointer-events-none lg:block lg:right-[3.20rem]`} } pointer-events-none lg:block lg:right-[2.7750rem] text-neutral-300 dark:text-neutral-600 translate-y-[.5px]`}
/> />
</> </>
); );
}; };
export default SectionSvg; export default SectionSvg;
export const PlusSvg = ({ className = "" }) => {
return (
<svg className={`${className} || ""`} width="11" height="11" fill="none">
<path
d="M7 1a1 1 0 0 0-1-1H5a1 1 0 0 0-1 1v2a1 1 0 0 1-1 1H1a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h2a1 1 0 0 1 1 1v2a1 1 0 0 0 1 1h1a1 1 0 0 0 1-1V8a1 1 0 0 1 1-1h2a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1H8a1 1 0 0 1-1-1V1z"
fill="#878787"
/>
</svg>
);
};