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

refinements to age gat

Browse Source
This commit is contained in:
Sol Irvine 2023-09-06 14:23:31 -07:00
parent 94fec03787
commit a6c6531ff1
2 changed files with 3 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/cart/modal.tsx
View File

@ -90,7 +90,7 @@ export default function CartModal({
> >
<Dialog.Panel className="fixed inset-y-0 right-0 flex h-full w-full flex-col border-l border-white/20 bg-dark p-6 font-sans text-white backdrop-blur-xl md:w-[390px]"> <Dialog.Panel className="fixed inset-y-0 right-0 flex h-full w-full flex-col border-l border-white/20 bg-dark p-6 font-sans text-white backdrop-blur-xl md:w-[390px]">
<div className="flex items-center justify-between"> <div className="flex items-center justify-between">
<p className="text-lg font-semibold">Cart</p> <p className="text-lg font-semibold">Shopping bag</p>
<button aria-label="Close cart" onClick={closeCart}> <button aria-label="Close cart" onClick={closeCart}>
<CloseCart /> <CloseCart />

7
components/product/age-gate-form.tsx
View File

@ -81,7 +81,7 @@ const AgeGateForm: FC<AgeGateFormProps> = ({ checkoutUrl, didCancel }) => {
leaveTo="translate-x-[-100%]" leaveTo="translate-x-[-100%]"
> >
<div className="grid h-full w-full grid-cols-1 place-content-center"> <div className="grid h-full w-full grid-cols-1 place-content-center">
<div className="mx-auto inline-block space-y-6 overflow-hidden rounded-lg py-12 text-left align-bottom text-white transition-all sm:my-8 sm:w-full sm:max-w-lg sm:p-6 sm:align-middle"> <div className="mx-auto inline-block space-y-6 overflow-hidden rounded-lg py-12 text-left align-bottom text-white transition-all sm:my-8 sm:w-full sm:max-w-lg sm:py-6 sm:align-middle">
<div> <div>
<div className="mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-green-900"> <div className="mx-auto flex h-12 w-12 items-center justify-center rounded-full bg-green-900">
<CheckIcon <CheckIcon
@ -143,9 +143,6 @@ const AgeGateForm: FC<AgeGateFormProps> = ({ checkoutUrl, didCancel }) => {
type="button" type="button"
className={clsx( className={clsx(
'inline-flex w-full justify-center', 'inline-flex w-full justify-center',
hasValidDate
? 'border border-dark hover:border-dark/50'
: 'border border-dark/50 hover:border-dark/20',
'bg-white px-4 py-2', 'bg-white px-4 py-2',
'text-base font-medium text-black', 'text-base font-medium text-black',
'shadow-sm transition-colors duration-300', 'shadow-sm transition-colors duration-300',
@ -164,7 +161,7 @@ const AgeGateForm: FC<AgeGateFormProps> = ({ checkoutUrl, didCancel }) => {
className={clsx( className={clsx(
'mt-3 inline-flex w-full justify-center', 'mt-3 inline-flex w-full justify-center',
'border border-dark/10 hover:border-dark/30', 'border border-dark/10 hover:border-dark/30',
'bg-white/50 px-4 py-2', 'bg-white/30 px-4 py-2 text-white',
'text-base font-medium', 'text-base font-medium',
'text-black shadow-sm transition-all duration-300 hover:bg-white hover:bg-opacity-20', 'text-black shadow-sm transition-all duration-300 hover:bg-white hover:bg-opacity-20',
'focus:outline-none focus:ring-2 focus:ring-green-500 focus:ring-offset-2', 'focus:outline-none focus:ring-2 focus:ring-green-500 focus:ring-offset-2',