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

fix issue with "add many to cart" widget

Browse Source
This commit is contained in:
Sol Irvine 2023-09-06 17:03:47 -07:00
parent d6a40b0e14
commit 7e99ad1711
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/cart/add-many-to-cart.tsx
View File

@ -41,12 +41,12 @@ export function AddManyToCart({
return ( return (
<div className="flex flex-col space-y-2"> <div className="flex flex-col space-y-2">
<div className="font-multilingual flex flex-row items-center space-x-2 border border-white/50"> <div className="font-multilingual flex flex-row items-center space-x-2 border border-white/50">
<div className="px-3">{t('cart.quantity-label')}</div> <div className="w-[80px] px-3">{t('cart.quantity-label')}</div>
<input <input
value={currentQuantity} value={currentQuantity}
onChange={(e) => setCurrentQuantity(Number(e.target.value))} onChange={(e) => setCurrentQuantity(Number(e.target.value))}
className={clsx( className={clsx(
'w-auto grow bg-transparent px-2 py-3 text-right text-white', 'min-w-[200px] grow bg-transparent px-2 py-3 text-right text-white',
'outline-none focus:border-0 focus:outline-none focus:ring-0', 'outline-none focus:border-0 focus:outline-none focus:ring-0',
'focus-visible:ring-none focus-visible:border-none focus-visible:outline-none', 'focus-visible:ring-none focus-visible:border-none focus-visible:outline-none',
'focus-visible:ring-0 focus-visible:ring-offset-0', 'focus-visible:ring-0 focus-visible:ring-offset-0',

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

@ -76,7 +76,7 @@ export default function Navbar({
<Link href="/" className="transition-opacity duration-150 hover:opacity-90"> <Link href="/" className="transition-opacity duration-150 hover:opacity-90">
<LogoNamemark <LogoNamemark
className={clsx( className={clsx(
inView && !compact ? 'w-[260px] md:w-[600px]' : 'w-[260px] md:w-[260px]', inView && !compact ? 'min-w-[180px] md:w-[600px]' : 'min-w-[180px] md:w-[260px]',
'fill-current transition-all duration-150', 'fill-current transition-all duration-150',
compact ? 'pt-4 md:pt-6' : 'pt-4 md:pt-12' compact ? 'pt-4 md:pt-6' : 'pt-4 md:pt-12'
)} )}