fix(web): typo in pages

Author: veigajoao

clients_config/aptosmingos.env

@@ -20,7 +20,7 @@ AUCTION_INSTANCE_ADDRESS=0x98937acca8bc2c164dff158156ab06f9c99bbbb050129d7a514a3
 AUCTION_BACKGROUND_COLOR='#FF00FF'
 AUCTION_BACKGROUND_IMAGE='url(/aptomingos-background.png)'
 AUCTION_BACKGROUND_COVER='#FFFFFF23'
-AUCTION_BACKGROUND_BLUR='2px'
+AUCTION_BACKGROUND_BLUR='0px'
 
 AUCTION_GENERAL_TITLE=Auctions
 AUCTION_GENERAL_FAVICON=/aptomingos-favicon.ico

web/src/components/PageContainer/PageContainer.component.tsx

@@ -2,7 +2,7 @@ import { PropsWithChildren } from "react";
 
 const PageContainer = (props: PropsWithChildren) => {
   return (
-    <div className="flex pt-7.5 pb-10 box-content flex-col w-full overflow-y-hidden mx-auto max-w-[1280px]">
+    <div className="bg-cover bg-scroll flex pt-7.5 pb-10 box-content flex-col w-full overflow-y-hidden mx-auto max-w-[1280px]">
       {props.children}
     </div>
   );

web/src/pages/Auction/Auction.component.tsx

@@ -335,7 +335,7 @@ function AuctionComponent(props: AuctionProps) {
       <div className="flex gap-1 items-center w-[95%] max-w-[413px] mx-auto mt-[1.1rem] md:ml-6 md:px-2 xl:px-0 xl:mx-[-5px] mb-[.4rem]">
         <ChevronLeftIcon className="w-[15px] h-5" />
         <a href="/" className="text-black font-semibold text-sm tracking-tight">
-          Back to all acutions
+          Back to all auctions
         </a>
       </div>
       <section className="Auction flex flex-col mt-10 items-center m-auto w-[95%] md:grid grid-rows-3 grid-flow-col md:gap-4 xl:gap-20 md:items-start mx-auto md:mt-6 xl:w-full">

web/tailwind.config.js

@@ -38,6 +38,11 @@ module.exports = {
         space: useEnv('AUCTION_COLOR_GRADIENT'),
         'gd-button': useEnv('AUCTION_COLOR_BUTTON_GRADIENT')
       },
+      backgroundSize: {
+        'auto': 'auto',
+        'cover': 'cover',
+        'contain': 'contain',
+      },
       backdropBlur: {
         cover: useEnv('AUCTION_BACKGROUND_BLUR'),
       },