Merge pull request #1449 from w3bdesign/develop

Product title size

Author: w3bdesign

src/components/Product/DisplayProducts.component.tsx

@@ -100,7 +100,7 @@ const DisplayProducts = ({ products }: IDisplayProductsProps) => (
                 <Link href={`/produkt/${encodeURIComponent(slug)}`}>
                   <span>
                     <div className="mt-4">
-                      <p className="text-2xl font-bold text-center cursor-pointer hover:text-gray-600 transition-colors">
+                      <p className="text-xl font-bold text-center cursor-pointer hover:text-gray-600 transition-colors">
                         {name}
                       </p>
                     </div>

src/components/Product/SingleProduct.component.tsx

@@ -50,7 +50,7 @@ const SingleProduct = ({ product }: IProductRootObject) => {
     <section className="bg-white mb-[8rem] md:mb-12">
       {isLoading ? (
         <div className="h-56 mt-20">
-          <p className="text-2xl font-bold text-center">Laster produkt ...</p>
+          <p className="text-xl font-bold text-center">Laster produkt ...</p>
           <br />
           <LoadingSpinner />
         </div>
@@ -83,7 +83,7 @@ const SingleProduct = ({ product }: IProductRootObject) => {
               <div className="text-center md:text-left mb-6">
                 {onSale ? (
                   <div className="flex flex-col md:flex-row items-center md:items-start gap-2">
-                    <p className="text-2xl font-bold text-red-600">
+                    <p className="text-xl font-bold text-red-600">
                       {product.variations
                         ? filteredVariantPrice(price, '')
                         : salePrice}
@@ -95,7 +95,7 @@ const SingleProduct = ({ product }: IProductRootObject) => {
                     </p>
                   </div>
                 ) : (
-                  <p className="text-2xl font-bold">{price}</p>
+                  <p className="text-xl font-bold">{price}</p>
                 )}
               </div>