From b8280101ad367abfe48aed4fee8ef32ed1fd5d67 Mon Sep 17 00:00:00 2001
From: Samantha Kellow <sammii.h@icloud.com>
Date: Wed, 24 Apr 2024 18:18:11 +0100
Subject: [PATCH] removing `-full` from all rounded elements

---
 components/cart/add-to-cart.tsx               | 2 +-
 components/cart/delete-item-button.tsx        | 2 +-
 components/cart/edit-item-quantity-button.tsx | 2 +-
 components/cart/modal.tsx                     | 4 ++--
 components/product/gallery.tsx                | 2 +-
 components/product/variant-details.tsx        | 2 +-
 components/product/variant-selector.tsx       | 2 +-
 7 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/components/cart/add-to-cart.tsx b/components/cart/add-to-cart.tsx
index f8997d5d4..c08b5ee62 100644
--- a/components/cart/add-to-cart.tsx
+++ b/components/cart/add-to-cart.tsx
@@ -50,7 +50,7 @@ export function AddToCart({
         });
       }}
       className={clsx(
-        'relative flex w-full items-center justify-center rounded-full bg-gray-600 p-4 tracking-wide text-white hover:opacity-90',
+        'relative flex w-full items-center justify-center rounded bg-gray-600 p-4 tracking-wide text-white hover:opacity-90',
         {
           'cursor-not-allowed opacity-60': !availableForSale,
           'cursor-not-allowed': isPending
diff --git a/components/cart/delete-item-button.tsx b/components/cart/delete-item-button.tsx
index 7308fe24d..73d96b82b 100644
--- a/components/cart/delete-item-button.tsx
+++ b/components/cart/delete-item-button.tsx
@@ -28,7 +28,7 @@ export default function DeleteItemButton({ item }: { item: CartItem }) {
       }}
       disabled={isPending}
       className={clsx(
-        'ease flex h-[17px] w-[17px] items-center justify-center rounded-full bg-neutral-500 transition-all duration-200',
+        'ease flex h-[17px] w-[17px] items-center justify-center rounded bg-neutral-500 transition-all duration-200',
         {
           'cursor-not-allowed px-0': isPending
         }
diff --git a/components/cart/edit-item-quantity-button.tsx b/components/cart/edit-item-quantity-button.tsx
index 288b9a0a7..a29733841 100644
--- a/components/cart/edit-item-quantity-button.tsx
+++ b/components/cart/edit-item-quantity-button.tsx
@@ -41,7 +41,7 @@ export default function EditItemQuantityButton({
       }}
       disabled={isPending}
       className={clsx(
-        'ease flex h-full min-w-[36px] max-w-[36px] flex-none items-center justify-center rounded-full px-2 transition-all duration-200 hover:border-neutral-800 hover:opacity-80',
+        'ease flex h-full min-w-[36px] max-w-[36px] flex-none items-center justify-center rounded px-2 transition-all duration-200 hover:border-neutral-800 hover:opacity-80',
         {
           'cursor-not-allowed': isPending,
           'ml-auto': type === 'minus'
diff --git a/components/cart/modal.tsx b/components/cart/modal.tsx
index b090fe464..f0e259734 100644
--- a/components/cart/modal.tsx
+++ b/components/cart/modal.tsx
@@ -139,7 +139,7 @@ export default function CartModal({ cart }: { cart: Cart | undefined }) {
                                 amount={item.cost.totalAmount.amount}
                                 currencyCode={item.cost.totalAmount.currencyCode}
                               />
-                              <div className="ml-auto flex h-9 flex-row items-center rounded-full border border-neutral-200 dark:border-neutral-700">
+                              <div className="ml-auto flex h-9 flex-row items-center rounded border border-neutral-200 dark:border-neutral-700">
                                 <EditItemQuantityButton item={item} type="minus" />
                                 <p className="w-6 text-center ">
                                   <span className="w-full text-sm">{item.quantity}</span>
@@ -176,7 +176,7 @@ export default function CartModal({ cart }: { cart: Cart | undefined }) {
                   </div>
                   <a
                     href={cart.checkoutUrl}
-                    className="block w-full rounded-full bg-gray-600 p-3 text-center text-sm font-medium text-white opacity-90 hover:opacity-100"
+                    className="block w-full rounded bg-gray-600 p-3 text-center text-sm font-medium text-white opacity-90 hover:opacity-100"
                   >
                     Proceed to Checkout
                   </a>
diff --git a/components/product/gallery.tsx b/components/product/gallery.tsx
index 3ed882324..f5b385f4c 100644
--- a/components/product/gallery.tsx
+++ b/components/product/gallery.tsx
@@ -35,7 +35,7 @@ export function Gallery({ images }: { images: { src: string; altText: string }[]
 
         {images.length > 1 ? (
           <div className="bottom-2 z-50 flex w-full justify-center absolute">
-            <div className="mx-auto flex h-8 items-center rounded-full border border-white bg-neutral-50/50 text-neutral-500 backdrop-blur dark:border-black dark:bg-neutral-900/80">
+            <div className="mx-auto flex h-8 items-center rounded border border-white bg-neutral-50/50 text-neutral-500 backdrop-blur dark:border-black dark:bg-neutral-900/80">
               <button
                 aria-label="Previous product image"
                 onClick={() => handleNavigate('previous')}
diff --git a/components/product/variant-details.tsx b/components/product/variant-details.tsx
index 1d98f8223..5c981187a 100644
--- a/components/product/variant-details.tsx
+++ b/components/product/variant-details.tsx
@@ -12,7 +12,7 @@ export function VariantDetails({ product }: { product: Product }) {
   return (
     <>
       <div className='flex flex-col border-b mb-6 dark:border-neutral-700'>
-        <div className="place-self-end mr-auto w-auto rounded-full bg-gray-600 p-2 text-sm text-white mb-6">
+        <div className="place-self-end mr-auto w-auto rounded bg-gray-600 p-2 text-sm text-white mb-6">
           <Price
             amount={selectedVariant?.price?.amount || product.variants[0]!.price.amount}
             currencyCode={product.priceRange.maxVariantPrice.currencyCode}
diff --git a/components/product/variant-selector.tsx b/components/product/variant-selector.tsx
index 971e79a2b..016ac835b 100644
--- a/components/product/variant-selector.tsx
+++ b/components/product/variant-selector.tsx
@@ -126,7 +126,7 @@ export function VariantSelector({
               href={optionUrl}
               title={`${option.name} ${value}${!isAvailableForSale ? ' (Out of Stock)' : ''}`}
               className={clsx(
-                'flex min-w-[48px] items-center justify-center rounded-full border bg-neutral-777 px-2 py-1 text-sm dark:border-neutral-800 dark:bg-neutral-900',
+                'flex min-w-[48px] items-center justify-center rounded border bg-neutral-777 px-2 py-1 text-sm dark:border-neutral-800 dark:bg-neutral-900',
                 {
                   'cursor-default ring-2 ring-gray-600': isActive,
                   'ring-1 ring-transparent transition duration-300 ease-in-out hover:scale-110 hover:ring-gray-600 ':