hh

Author: gottasellemall69

components/Yugioh/Card.js

@@ -35,7 +35,7 @@ const Card = ( { cardData } ) => {
       <Image
         as="image"
         unoptimized="true"
-        className="object-contain lg:object-scale-down object-top w-full mx-auto h-96 aspect-square"
+        className="object-cover lg:object-scale-down object-top w-full mx-auto h-96 aspect-square"
         src={ imageSrc }
         alt={ `Card Image - ${ productName }` }
         width={ 1600 }

components/Yugioh/YugiohPagination.js

@@ -61,7 +61,7 @@ const YugiohPagination = ( { currentPage = 1, itemsPerPage = 20, totalItems = 0,
           Previous
         </button>
 
-        <div className="flex items-center space-x-2">
+        <div className="flex items-center space-x-2 text-white">
           <input
             type="text"
             inputMode="numeric"
@@ -70,7 +70,7 @@ const YugiohPagination = ( { currentPage = 1, itemsPerPage = 20, totalItems = 0,
             onChange={ handleInputChange }
             onBlur={ handleInputSubmit }
             onKeyDown={ ( event ) => event.key === 'Enter' && handleInputSubmit() }
-            className="w-16 px-3 py-2 text-center text-black text-shadow"
+            className="w-16 px-3 py-2 text-center text-white text-shadow"
             aria-label="Page number input"
           />
           <span className="text-white/80" aria-live="polite">

next.config.js

@@ -1,36 +1,16 @@
 /** @type {import('next').NextConfig} */
-const isDev = process.env.NODE_ENV === "development";
-
-const cspHeader = `
-  default-src 'self';
-  script-src 'self' 'unsafe-inline'${ isDev ? " 'unsafe-eval'" : "" } https://va.vercel-scripts.com;
-  style-src 'self' 'unsafe-inline';
-  img-src 'self' blob: data: https://images.ygoprodeck.com https://images.unsplash.com https://tailwindcss.com;
-  font-src 'self' data:;
-  connect-src 'self' https://mpapi.tcgplayer.com https://infinite-api.tcgplayer.com https://db.ygoprodeck.com https://www.sportscardspro.com;
-  object-src 'none';
-  base-uri 'self';
-  form-action 'self';
-  frame-ancestors 'none';
-  upgrade-insecure-requests;
-`;
-
 const nextConfig = {
   reactStrictMode: true,
   productionBrowserSourceMaps: false,
   turbopack: {
-    root: "./",
+    root: __dirname,
   },
 
   async headers() {
     return [
       {
         source: "/(.*)",
         headers: [
-          {
-            key: "Content-Security-Policy",
-            value: cspHeader.replace( /\s{2,}/g, " " ).trim(),
-          },
           {
             key: "X-Content-Type-Options",
             value: "nosniff",