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

prettier

Browse Source
This commit is contained in:
StephDietz 2023-07-10 14:51:15 -05:00
parent dbaf7ff826
commit dec1722b10
6 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/cart/edit-item-quantity-button.tsx
View File

@ -51,9 +51,9 @@ export default function EditItemQuantityButton({
{isPending ? ( {isPending ? (
<LoadingDots className="bg-black dark:bg-white" /> <LoadingDots className="bg-black dark:bg-white" />
) : type === 'plus' ? ( ) : type === 'plus' ? (
<PlusIcon className="w-4 h-4 dark:text-gray-500" /> <PlusIcon className="h-4 w-4 dark:text-gray-500" />
) : ( ) : (
<MinusIcon className="w-4 h-4 dark:text-gray-500" /> <MinusIcon className="h-4 w-4 dark:text-gray-500" />
)} )}
</button> </button>
); );

2
components/icons/cart.tsx
View File

@ -11,7 +11,7 @@ export default function CartIcon({
icon?: string; icon?: string;
}) { }) {
return ( return (
<div className="relative flex items-center justify-center text-black transition-colors border border-gray-200 rounded-md h-11 w-11 dark:border-gray-700 dark:text-white"> <div className="relative flex h-11 w-11 items-center justify-center rounded-md border border-gray-200 text-black transition-colors dark:border-gray-700 dark:text-white">
{icon === 'close' ? ( {icon === 'close' ? (
<XMarkIcon className={clsx('h-6 transition-all ease-in-out hover:scale-110 ', className)} /> <XMarkIcon className={clsx('h-6 transition-all ease-in-out hover:scale-110 ', className)} />
) : ( ) : (

6
components/layout/navbar/mobile-menu.tsx
View File

@ -62,7 +62,7 @@ export default function MobileMenu({ menu }: { menu: Menu[] }) {
leaveFrom="translate-x-0" leaveFrom="translate-x-0"
leaveTo="translate-x-[-100%]" leaveTo="translate-x-[-100%]"
> >
<Dialog.Panel className="fixed top-0 bottom-0 left-0 right-0 flex flex-col w-full h-full pb-6 bg-white dark:bg-black"> <Dialog.Panel className="fixed bottom-0 left-0 right-0 top-0 flex h-full w-full flex-col bg-white pb-6 dark:bg-black">
<div className="p-4"> <div className="p-4">
<button <button
className="mb-4" className="mb-4"
@ -73,7 +73,7 @@ export default function MobileMenu({ menu }: { menu: Menu[] }) {
<XMarkIcon className="h-6" /> <XMarkIcon className="h-6" />
</button> </button>
<div className="w-full mb-4"> <div className="mb-4 w-full">
<Search /> <Search />
</div> </div>
{menu.length ? ( {menu.length ? (
@ -82,7 +82,7 @@ export default function MobileMenu({ menu }: { menu: Menu[] }) {
<li key={item.title}> <li key={item.title}>
<Link <Link
href={item.path} href={item.path}
className="py-1 text-xl text-black transition-colors rounded-lg hover:text-gray-500 dark:text-white" className="rounded-lg py-1 text-xl text-black transition-colors hover:text-gray-500 dark:text-white"
onClick={closeMobileMenu} onClick={closeMobileMenu}
> >
{item.title} {item.title}

4
components/layout/navbar/search.tsx
View File

@ -28,7 +28,7 @@ export default function Search() {
return ( return (
<form <form
onSubmit={onSubmit} onSubmit={onSubmit}
className="relative flex items-center w-full p-0 m-0 bg-transparent border border-gray-200 dark:border-gray-500" className="relative m-0 flex w-full items-center border border-gray-200 bg-transparent p-0 dark:border-gray-500"
> >
<input <input
type="text" type="text"
@ -38,7 +38,7 @@ export default function Search() {
defaultValue={searchParams?.get('q') || ''} defaultValue={searchParams?.get('q') || ''}
className="w-full px-4 py-2 text-black dark:bg-black dark:text-gray-100" className="w-full px-4 py-2 text-black dark:bg-black dark:text-gray-100"
/> />
<div className="absolute top-0 right-0 flex items-center h-full mr-3"> <div className="absolute right-0 top-0 mr-3 flex h-full items-center">
<MagnifyingGlassIcon className="h-5" /> <MagnifyingGlassIcon className="h-5" />
</div> </div>
</form> </form>

4
components/layout/search/filter/dropdown.tsx
View File

@ -42,7 +42,7 @@ export default function FilterItemDropdown({ list }: { list: ListItem[] }) {
onClick={() => { onClick={() => {
setOpenSelect(!openSelect); setOpenSelect(!openSelect);
}} }}
className="flex items-center justify-between w-full px-4 py-2 text-sm border rounded border-black/30 dark:border-white/30" className="flex w-full items-center justify-between rounded border border-black/30 px-4 py-2 text-sm dark:border-white/30"
> >
<div>{active}</div> <div>{active}</div>
<ChevronRightIcon className="h-4" /> <ChevronRightIcon className="h-4" />
@ -52,7 +52,7 @@ export default function FilterItemDropdown({ list }: { list: ListItem[] }) {
onClick={() => { onClick={() => {
setOpenSelect(false); setOpenSelect(false);
}} }}
className="absolute z-40 w-full p-4 bg-white shadow-md rounded-b-md dark:bg-black" className="absolute z-40 w-full rounded-b-md bg-white p-4 shadow-md dark:bg-black"
> >
{list.map((item: ListItem, i) => ( {list.map((item: ListItem, i) => (
<FilterItem key={i} item={item} /> <FilterItem key={i} item={item} />

4
components/product/gallery.tsx
View File

@ -51,7 +51,7 @@ export function Gallery({
)} )}
{images.length > 1 ? ( {images.length > 1 ? (
<div className="absolute flex flex-row h-12 text-white border border-white shadow-xl bottom-10 right-10 dark:border-black dark:text-black"> <div className="absolute bottom-10 right-10 flex h-12 flex-row border border-white text-white shadow-xl dark:border-black dark:text-black">
<button <button
aria-label="Previous product image" aria-label="Previous product image"
className={clsx(buttonClassName, 'border-r border-white dark:border-black')} className={clsx(buttonClassName, 'border-r border-white dark:border-black')}
@ -78,7 +78,7 @@ export function Gallery({
<button <button
aria-label="Enlarge product image" aria-label="Enlarge product image"
key={image.src} key={image.src}
className="w-1/4 h-full" className="h-full w-1/4"
onClick={() => setCurrentImage(index)} onClick={() => setCurrentImage(index)}
> >
<GridTileImage <GridTileImage