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

Merge pull request #23 from zenzen-sol/sol/image-boost

Browse Source 
fix aria-hidden issue
This commit is contained in:
Sol Irvine 2023-11-13 18:12:25 +09:00 committed by GitHub
commit 26d56fa62c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 24 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 className="w-full md:w-[40%]">
<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" />
</Link>
<div className="flex grow flex-col space-y-6 md:items-end">
@ -72,10 +76,18 @@ export default async function Footer({
</div>
<div className="flex flex-row justify-between space-x-4">
<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" />
</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" />
</Link>
</div>
@ -105,6 +117,7 @@ export default async function Footer({
className="group"
rel="noopener noreferrer"
target="_blank"
aria-label="Visit on Instagram"
>
<InstagramIcon className="h-6 stroke-transparent transition-all ease-in-out group-hover:scale-110" />
</Link>
@ -113,6 +126,7 @@ export default async function Footer({
className="group"
rel="noopener noreferrer"
target="_blank"
aria-label="Visit on Facebook"
>
<FacebookIcon className="h-6 stroke-transparent transition-all ease-in-out group-hover:scale-110" />
</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="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')} />
</Link>
</div>

1
components/layout/newsletter-footer.tsx
View File

@ -54,6 +54,7 @@ export default function NewsletterSignup() {
type="text"
name={`b_${process?.env?.NEXT_PUBLIC_MAILCHIMP_USER_ID}_${process?.env?.NEXT_PUBLIC_MAILCHIMP_LIST_ID}`}
defaultValue=""
tabIndex={-1}
/>
</div>
</form>

1
components/layout/newsletter-signup.tsx
View File

@ -52,6 +52,7 @@ export default function NewsletterSignup() {
type="text"
name={`b_${process?.env?.NEXT_PUBLIC_MAILCHIMP_USER_ID}_${process?.env?.NEXT_PUBLIC_MAILCHIMP_LIST_ID}`}
defaultValue=""
tabIndex={-1}
/>
</div>
</form>