(ui) css

kevincobain2000 · May 6, 2024 · aa26f4d · aa26f4d
1 parent b04700d
commit aa26f4d
Showing 1 changed file with 11 additions and 22 deletions.
diff --git a/frontend/src/components/Extractor.astro b/frontend/src/components/Extractor.astro
@@ -23,28 +23,18 @@ const baseURL = import.meta.env.PUBLIC_BASE_URL;
   <div class="max-w-md mx-auto mt-10 select-none">
     <div class="relative">
       <div
-        class="absolute inset-y-12 start-0 flex items-center ps-3 pointer-events-none"
+        class="absolute pt-10 start-0 flex items-center ps-3 pointer-events-none"
       >
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          fill="none"
-          viewBox="0 0 24 24"
-          stroke-width="1.5"
-          stroke="currentColor"
-          class="w-6 h-6"
-        >
-          <path
-            stroke-linecap="round"
-            stroke-linejoin="round"
-            d="M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m5.231 13.481L15 17.25m-4.5-15H5.625c-.621 0-1.125.504-1.125 1.125v16.5c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Zm3.75 11.625a2.625 2.625 0 1 1-5.25 0 2.625 2.625 0 0 1 5.25 0Z"
-          ></path>
-        </svg>
+      <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+        <path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 0 0 8.716-6.747M12 21a9.004 9.004 0 0 1-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 0 1 7.843 4.582M12 3a8.997 8.997 0 0 0-7.843 4.582m15.686 0A11.953 11.953 0 0 1 12 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0 1 21 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0 1 12 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 0 1 3 12c0-1.605.42-3.113 1.157-4.418" />
+      </svg>
+
       </div>
       <label
         for="first_name"
         class="block mb-2 text-sm font-bold text-slate-300"
       >
-        URL <sup class="text-xs text-red-700">*required</sup>
+        URL <sup class="text-xs font-medium text-red-400">*required</sup>
       </label>
       <input
         type="search"
@@ -102,7 +92,7 @@ const baseURL = import.meta.env.PUBLIC_BASE_URL;
           </label>
           <input
             id="input-depth"
-            type="text"
+            type="number"
             class="block font-mono w-full p-3 ps-4 text-sm text-slate-300 hover:text-slate-100 border border-gray-500 hover:border-gray-100 rounded-lg bg-gray-900 focus:outline-none"
             placeholder="-1"
           />
@@ -112,7 +102,7 @@ const baseURL = import.meta.env.PUBLIC_BASE_URL;
             for="input-ignore-queries"
             class="block mb-2 text-sm font-medium text-slate-400"
           >
-            Depth <sup class="text-xs text-slate-500">true or false</sup>
+            Ignore Queries <sup class="text-xs text-slate-500">true or false</sup>
           </label>
           <input
             id="input-ignore-queries"
@@ -131,9 +121,9 @@ const baseURL = import.meta.env.PUBLIC_BASE_URL;
           </label>
           <input
             id="input-limit-urls"
-            type="text"
+            type="number"
             class="block font-mono w-full p-3 ps-4 text-sm text-slate-300 hover:text-slate-100 border border-gray-500 hover:border-gray-100 rounded-lg bg-gray-900 focus:outline-none"
-            placeholder="-1"
+            placeholder="1000"
           />
         </div>
         <div>
@@ -145,10 +135,9 @@ const baseURL = import.meta.env.PUBLIC_BASE_URL;
           </label>
           <input
             id="input-limit-emails"
-            type="text"
+            type="number"
             class="block font-mono w-full p-3 ps-4 text-sm text-slate-300 hover:text-slate-100 border border-gray-500 hover:border-gray-100 rounded-lg bg-gray-900 focus:outline-none"
             placeholder="true"
-            pattern="true|false"
           />
         </div>
       </div>