mirror of
https://github.com/MODSetter/SurfSense.git
synced 2026-10-19 07:34:58 +00:00
b9d402b77a
- Add components/homepage/icons/: brand logos as inline SVG components, so they ship in the bundle and paint with the page instead of loading one request each afterwards. - Footer socials: move into site-socials.tsx and use the official marks in brand colour (GitHub and X in white for the dark footer; Reddit and LinkedIn full-colour). Twitter's bird becomes the X mark. - Nav stars: use the official GitHub mark instead of Tabler's outline. - Plugins page: replace the next/image SVGs from public/connectors with the inline logos. Google Maps uses the 2020 vector pin, since the 2026 icon is 4.3 MB of embedded PNGs. Reddit is shared with the footer, and gradient ids come from useId so both copies on the page stay distinct. - Mobile menu: the toggle's bars morph into a cross in two steps, and the drawer and scrim fade and slide in and out. CSS transitions, so a tap mid-animation reverses cleanly; reduced motion drops the movement. - Download form: the button wraps under the email field when the row does not fit, with both centred.
15 lines
772 B
TypeScript
15 lines
772 B
TypeScript
/** Walmart's spark. */
|
|
export function WalmartLogo(props: React.SVGProps<SVGSVGElement>) {
|
|
return (
|
|
<svg viewBox="0 0 48 48" fill="none" aria-hidden="true" {...props}>
|
|
<g fill="#ffc220">
|
|
<rect x="21.4" y="3.5" width="5.2" height="14" rx="2.6" transform="rotate(0 24 24)" />
|
|
<rect x="21.4" y="3.5" width="5.2" height="14" rx="2.6" transform="rotate(60 24 24)" />
|
|
<rect x="21.4" y="3.5" width="5.2" height="14" rx="2.6" transform="rotate(120 24 24)" />
|
|
<rect x="21.4" y="3.5" width="5.2" height="14" rx="2.6" transform="rotate(180 24 24)" />
|
|
<rect x="21.4" y="3.5" width="5.2" height="14" rx="2.6" transform="rotate(240 24 24)" />
|
|
<rect x="21.4" y="3.5" width="5.2" height="14" rx="2.6" transform="rotate(300 24 24)" />
|
|
</g>
|
|
</svg>
|
|
);
|
|
}
|