crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-18 23:46:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

more aria fixes

Browse Source
This commit is contained in:
Sol Irvine 2023-11-13 18:09:30 +09:00
parent 213ed8a723
commit 8f42999984
2 changed files with 22 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
components/layout/footer.tsx
View File

@ -56,7 +56,11 @@ export default async function Footer({
</div> </div>
<div className="w-full md:w-[40%]"> <div className="w-full md:w-[40%]">
<div className="flex w-full flex-row items-end space-x-12 pt-24 md:hidden"> <div className="flex w-full flex-row items-end space-x-12 pt-24 md:hidden">
<Link href="/" className="transition-opacity duration-150 hover:opacity-90"> <Link
href="/"
className="transition-opacity duration-150 hover:opacity-90"
aria-label="Go to homepage"
>
<KanjiLogo className="h-64" /> <KanjiLogo className="h-64" />
</Link> </Link>
<div className="flex grow flex-col space-y-6 md:items-end"> <div className="flex grow flex-col space-y-6 md:items-end">
@ -72,10 +76,18 @@ export default async function Footer({
</div> </div>
<div className="flex flex-row justify-between space-x-4"> <div className="flex flex-row justify-between space-x-4">
<div className="flex flex-row items-center space-x-6"> <div className="flex flex-row items-center space-x-6">
<Link href="https://www.instagram.com/suginomoribrewery/" className="group"> <Link
href="https://www.instagram.com/suginomoribrewery/"
className="group"
aria-label="Visit on Instagram"
>
<InstagramIcon className="h-6 stroke-transparent transition-all ease-in-out group-hover:scale-110" /> <InstagramIcon className="h-6 stroke-transparent transition-all ease-in-out group-hover:scale-110" />
</Link> </Link>
<Link href="https://www.facebook.com/suginomoribrewery" className="group"> <Link
href="https://www.facebook.com/suginomoribrewery"
className="group"
aria-label="Visit on Facebook"
>
<FacebookIcon className="h-6 stroke-transparent transition-all ease-in-out group-hover:scale-110" /> <FacebookIcon className="h-6 stroke-transparent transition-all ease-in-out group-hover:scale-110" />
</Link> </Link>
</div> </div>
@ -105,6 +117,7 @@ export default async function Footer({
className="group" className="group"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
aria-label="Visit on Instagram"
> >
<InstagramIcon className="h-6 stroke-transparent transition-all ease-in-out group-hover:scale-110" /> <InstagramIcon className="h-6 stroke-transparent transition-all ease-in-out group-hover:scale-110" />
</Link> </Link>
@ -113,6 +126,7 @@ export default async function Footer({
className="group" className="group"
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
aria-label="Visit on Facebook"
> >
<FacebookIcon className="h-6 stroke-transparent transition-all ease-in-out group-hover:scale-110" /> <FacebookIcon className="h-6 stroke-transparent transition-all ease-in-out group-hover:scale-110" />
</Link> </Link>

6
components/layout/navbar/index.tsx
View File

@ -57,7 +57,11 @@ export default function Navbar({
> >
<div className="mx-auto flex max-w-screen-xl flex-row items-start justify-between"> <div className="mx-auto flex max-w-screen-xl flex-row items-start justify-between">
<div className="px-6 py-2"> <div className="px-6 py-2">
<Link href="/" className="transition-opacity duration-150 hover:opacity-90"> <Link
href="/"
className="transition-opacity duration-150 hover:opacity-90"
aria-label="Go to homepage"
>
<LogoNamemark className={clsx('w-[180px]', 'fill-current')} /> <LogoNamemark className={clsx('w-[180px]', 'fill-current')} />
</Link> </Link>
</div> </div>