fix: anchor with in anchor bug fix

Steinbeck-Lab · Sep 10, 2024 · 45720f6 · 45720f6
1 parent 4b7f0e1
commit 45720f6
Showing 1 changed file with 10 additions and 18 deletions.
diff --git a/resources/views/livewire/molecule-depict2d.blade.php b/resources/views/livewire/molecule-depict2d.blade.php
@@ -1,8 +1,7 @@
-<div x-data="{ toolkit: @entangle('toolkit'), options:  @entangle('options') }">
+<div x-data="{ toolkit: @entangle('toolkit'), options: @entangle('options') }">
     <fieldset x-show="options" class="px-4 w-full">
         <div class="mt-4 grid grid-cols-3 gap-y-6 gap-x-1 sm:grid-cols-3 sm:gap-x-4">
-            <label @click="toolkit= 'cdk'" aria-label="Newsletter"
-                aria-description="Last message sent an hour ago to 621 users"
+            <label @click="toolkit= 'cdk'"
                 class="relative flex cursor-pointer rounded-lg bg-white p-3 focus:outline-none">
                 <input type="radio" name="project-type" value="Newsletter" class="sr-only">
                 <span class="flex flex-1">
@@ -18,8 +17,7 @@ class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                 </svg>
                 <span class="pointer-events-none absolute -inset-px rounded-lg border-2" aria-hidden="true"></span>
             </label>
-            <label @click="toolkit= 'rdkit'" aria-label="Existing Customers"
-                aria-description="Last message sent 2 weeks ago to 1200 users"
+            <label @click="toolkit= 'rdkit'"
                 class="relative flex cursor-pointer rounded-lg bg-white p-3 focus:outline-none">
                 <input type="radio" name="project-type" value="Existing Customers" class="sr-only">
                 <span class="flex flex-1">
@@ -35,21 +33,15 @@ class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                 </svg>
                 <span class="pointer-events-none absolute -inset-px rounded-lg border-2" aria-hidden="true"></span>
             </label>
-            <label aria-label="Existing Customers"
-                aria-description="Last message sent 2 weeks ago to 1200 users"
-                class="relative flex cursor-pointer rounded-lg bg-white p-3 focus:outline-none">
-                <a :href="'{{ $this->preview }}&toolkit=' + toolkit + '&CIP=true&unicolor=false'" target="_blank"><svg xmlns="http://www.w3.org/2000/svg"
-                    fill="none" viewBox="0 0 24 24"
-                    stroke-width="1.5" stroke="currentColor"
-                    class="size-5 inline">
-                    <path stroke-linecap="round"
-                        stroke-linejoin="round"
+            <span x-show="options" class="relative flex cursor-pointer rounded-lg bg-white p-3 focus:outline-none" @click="window.open(`{{ $this->preview }}&toolkit=${toolkit}&CIP=true&unicolor=false`, '_blank')">
+                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-5 inline">
+                    <path stroke-linecap="round" stroke-linejoin="round"
                         d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25">
                     </path>
-                </svg></a>
-            </label>
+                </svg>           
+            </span>
         </div>
     </fieldset>
-    <img alt="{{ $this->name }}" class="mx-auto w-100" :src="'{{ $this->source }}&toolkit=' + toolkit + '&CIP=true&unicolor=false'"
-        alt="smiles" />
+    <img alt="{{ $this->name }}" class="mx-auto w-100"
+        :src="'{{ $this->source }}&toolkit=' + toolkit + '&CIP=true&unicolor=false'" alt="smiles" />
 </div>