crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-16 14:36:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add temp logo

Browse Source
This commit is contained in:
Daniele Pancottini 2023-03-16 19:51:59 +01:00
parent a6f012c058
commit 0502a12114
5 changed files with 13 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
site/components/common/Footer/Footer.tsx
View File

@ -34,17 +34,17 @@ const Footer: FC<Props> = ({ className, pages }) => {
<footer className={rootClassName}> <footer className={rootClassName}>
<Container> <Container>
<div className="grid grid-cols-1 lg:grid-cols-12 gap-8 border-b border-accent-2 py-12 text-primary bg-primary transition-colors duration-150"> <div className="grid grid-cols-1 lg:grid-cols-12 gap-8 border-b border-accent-2 py-12 text-primary bg-primary transition-colors duration-150">
<div className="col-span-1 lg:col-span-2"> <div className="col-span-1 lg:col-span-3">
<Link href="/"> <Link href="/">
<a className="flex flex-initial items-center font-bold md:mr-24"> <a className="flex flex-initial items-center font-bold md:mr-24">
<span className="rounded-full border border-accent-6 mr-2"> <span className="mr-2">
<Logo /> <Logo />
</span> </span>
<span>ACME</span> <span>SafaraAbruzzo</span>
</a> </a>
</Link> </Link>
</div> </div>
<div className="col-span-1 lg:col-span-6"> <div className="col-span-1 lg:col-span-5">
<div className="grid md:grid-rows-4 md:grid-cols-3 md:grid-flow-col"> <div className="grid md:grid-rows-4 md:grid-cols-3 md:grid-flow-col">
{[...links].map((page: FooterLink) => ( {[...links].map((page: FooterLink) => (
<span key={page.href} className="py-3 md:py-0 md:pb-4"> <span key={page.href} className="py-3 md:py-0 md:pb-4">

2
site/components/common/Navbar/Navbar.module.css
View File

@ -26,10 +26,8 @@
} }
.logo { .logo {
@apply cursor-pointer rounded-full border transform duration-100 ease-in-out;
&:hover { &:hover {
@apply shadow-md;
transform: scale(1.05); transform: scale(1.05);
} }
} }

2
site/components/common/Searchbar/Searchbar.tsx
View File

@ -33,7 +33,7 @@ const Searchbar: FC<Props> = ({ className, id = 'search' }) => {
} }
return ( return (
<div className={cn(s.root, className)}> <div style={{height: "fit-content"}}className={cn(s.root, className)}>
<label className="hidden" htmlFor={id}> <label className="hidden" htmlFor={id}>
Search Search
</label> </label>

25
site/components/ui/Logo/Logo.tsx
View File

@ -1,21 +1,12 @@
import Image from "next/image"
const Logo = ({ className = '', ...props }) => ( const Logo = ({ className = '', ...props }) => (
<svg <Image
width="32" src="/logo.png"
height="32" height="50"
viewBox="0 0 32 32" width="50"
fill="none" alt="Safaraabruzzo logo"
xmlns="http://www.w3.org/2000/svg" />
className={className}
{...props}
>
<rect width="100%" height="100%" rx="16" fill="var(--secondary)" />
<path
fillRule="evenodd"
clipRule="evenodd"
d="M17.6482 10.1305L15.8785 7.02583L7.02979 22.5499H10.5278L17.6482 10.1305ZM19.8798 14.0457L18.11 17.1983L19.394 19.4511H16.8453L15.1056 22.5499H24.7272L19.8798 14.0457Z"
fill="var(--primary)"
/>
</svg>
) )
export default Logo export default Logo

BIN
site/public/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 116 KiB