mirror of
https://github.com/vercel/commerce.git
synced 2025-05-15 14:06:59 +00:00
Tweaks
This commit is contained in:
parent
4879a8e04e
commit
748439803c
@ -2,6 +2,7 @@
|
|||||||
|
|
||||||
import Logo from 'components/ui/logo/logo';
|
import Logo from 'components/ui/logo/logo';
|
||||||
import { useTranslations } from 'next-intl';
|
import { useTranslations } from 'next-intl';
|
||||||
|
import Link from 'next/link';
|
||||||
|
|
||||||
const Footer = () => {
|
const Footer = () => {
|
||||||
const currentYear = new Date().getFullYear();
|
const currentYear = new Date().getFullYear();
|
||||||
@ -10,14 +11,12 @@ const Footer = () => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<footer className="border-t border-ui-border bg-app">
|
<footer className="border-t border-ui-border bg-app">
|
||||||
<div className="mx-auto w-full py-2 px-4 lg:py-3 lg:px-8 2xl:px-16">
|
<div className="mx-auto w-full py-4 px-4 lg:py-6 lg:px-8 2xl:px-16 2xl:py-8">
|
||||||
<div className="flex w-full justify-between items-baseline my-12 transition-colors duration-150">
|
<div className="flex flex-col w-full space-y-2 items-center transition-colors duration-150 md:flex-row md:items-baseline md:justify-between md:space-y-0">
|
||||||
<div className="">
|
<Link className="flex flex-initial items-center font-bold md:mr-24" href="/">
|
||||||
<a className="flex flex-initial items-center font-bold md:mr-24" href="/">
|
|
||||||
<Logo />
|
<Logo />
|
||||||
</a>
|
</Link>
|
||||||
</div>
|
<p className="text-sm text-low-contrast">
|
||||||
<p>
|
|
||||||
© {copyrightDate} Kodamera - {t('copyright')}
|
© {copyrightDate} Kodamera - {t('copyright')}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
@ -1,5 +1,3 @@
|
|||||||
'use client'
|
|
||||||
|
|
||||||
import dynamic from 'next/dynamic'
|
import dynamic from 'next/dynamic'
|
||||||
|
|
||||||
const SanityImage = dynamic(() => import('components/ui/sanity-image'))
|
const SanityImage = dynamic(() => import('components/ui/sanity-image'))
|
||||||
|
@ -1,4 +1,5 @@
|
|||||||
const Logo = ({ className = 'w-auto h-8', ...props }) => (
|
const Logo = ({ className = 'w-auto h-8', ...props }) => {
|
||||||
|
return (
|
||||||
<div className="flex items-center space-x-4">
|
<div className="flex items-center space-x-4">
|
||||||
<svg
|
<svg
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
@ -15,7 +16,9 @@ const Logo = ({ className = 'w-auto h-8', ...props }) => (
|
|||||||
d="M109,63.7V80H75.3c7.2-3.7,13.2-9.4,17.4-16.3H109z"
|
d="M109,63.7V80H75.3c7.2-3.7,13.2-9.4,17.4-16.3H109z"
|
||||||
/>
|
/>
|
||||||
</svg>
|
</svg>
|
||||||
|
<span className="sr-only">KM Storefront</span>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
|
}
|
||||||
|
|
||||||
export default Logo
|
export default Logo
|
||||||
|
Loading…
x
Reference in New Issue
Block a user