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

wip: Saving work

Browse Source
This commit is contained in:
Sol Irvine 2023-08-24 00:36:51 -07:00
parent f85f83fae3
commit a5b31df456
3 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.env.example
View File

@ -1,4 +1,4 @@
COMPANY_NAME="Suginomori Brewery" COMPANY_NAME="suginomori brewery"
TWITTER_SITE="https://narai.jp" TWITTER_SITE="https://narai.jp"
SITE_NAME="suginomori brewery" SITE_NAME="suginomori brewery"
SHOPIFY_REVALIDATION_SECRET= SHOPIFY_REVALIDATION_SECRET=

4
components/layout/menu/modal.tsx
View File

@ -3,6 +3,7 @@
import { Dialog, Transition } from '@headlessui/react'; import { Dialog, Transition } from '@headlessui/react';
import clsx from 'clsx'; import clsx from 'clsx';
import CloseIcon from 'components/icons/close'; import CloseIcon from 'components/icons/close';
import Logo from 'components/icons/logo';
import MenuIcon from 'components/icons/menu'; import MenuIcon from 'components/icons/menu';
import { useLocale, useTranslations } from 'next-intl'; import { useLocale, useTranslations } from 'next-intl';
import Link from 'next/link'; import Link from 'next/link';
@ -55,6 +56,9 @@ export function MenuModal({ scrolled }: { scrolled: boolean }) {
<div className="fixed inset-0 z-30 bg-dark/80 backdrop-blur-sm"> <div className="fixed inset-0 z-30 bg-dark/80 backdrop-blur-sm">
<Dialog.Panel> <Dialog.Panel>
<div className="z-40 mx-auto max-w-screen-xl px-6"> <div className="z-40 mx-auto max-w-screen-xl px-6">
<div className="absolute left-6 top-2">
<Logo className="h-[132px] w-[132px]" />
</div>
<div <div
className={clsx( className={clsx(
'flex flex-row justify-end space-x-6 px-2', 'flex flex-row justify-end space-x-6 px-2',

4
components/logo-square.tsx
View File

@ -5,8 +5,8 @@ export default function LogoSquare({ size }: { size?: 'sm' | undefined }) {
return ( return (
<div <div
className={clsx('flex flex-none items-center justify-center', { className={clsx('flex flex-none items-center justify-center', {
'h-[40px] w-[40px] rounded-xl': !size, 'h-[40px] w-[40px]': !size,
'h-[30px] w-[30px] rounded-lg': size === 'sm' 'h-[30px] w-[30px]': size === 'sm'
})} })}
> >
<Logo <Logo