Gray out mini-tournament rules div

src/app/[locale]/reeglid/page.tsx

@@ -9,17 +9,17 @@ export default async function RulesMenu({
   params: Promise<{ locale: string }>;
 }) {
   const { locale } = await params;
-  
+
   setRequestLocale(locale);
-  
+
   const t = await getTranslations({ locale });
-  
+
   const headingStyle = `text-4xl md:text-5xl lg:text-6xl ${vipnagorgialla.className} font-bold italic text-[#2A2C3F] dark:text-[#EEE5E5] uppercase`;
 
   const boxStyle = `-skew-x-2 md:-skew-x-5 text-white md:px-12 hover:scale-103 transition-all duration-150 w-full md:w-xl lg:w-[400px]`;
 
   const boxTextStyle = `text-2xl md:text-3xl ${vipnagorgialla.className} font-bold uppercase text-[#EEE5E5] pb-2 break-normal whitespace-pre-line`;
-  
+
   return (
     <div>
       <div className="flex flex-col md:m-16">
@@ -49,11 +49,11 @@ export default async function RulesMenu({
           {/* Minitourn. link coming soon*/}
           {/*<Link href="">*/}
           {/* ajutine div. kui asendate lingiga, siis saab selle ära võtta */}
-          <div>
+          <div className="cursor-not-allowed">
-            <div className={`${boxStyle} bg-[#1F5673] py-16 px-8`}>
+            <div
-              <h2 className={`${boxTextStyle}`}>
+              className={`${boxStyle} bg-[#1F5673] py-16 px-8 opacity-50 pointer-events-none`}
-                {t("rules.miniRules")}
+            >
-              </h2>
+              <h2 className={`${boxTextStyle}`}>{t("rules.miniRules")}</h2>
             </div>
           </div>
           {/*</Link>*/}