···

       
218
       
218
       
 
       
              </div>

     

       
219
       
219
       
 
       
              <div class="flex items-center gap-2">

     

       
220
       
220
       
 
       
                <Show when={!uploading()}>

     

       
221
       
221
       
-
       
                  <div class="dark:hover:bg-dark-200 dark:shadow-dark-800 dark:active:bg-dark-100 flex rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 text-xs font-semibold shadow-xs hover:bg-neutral-100 active:bg-neutral-200 dark:border-neutral-700 dark:bg-neutral-800">

     

       
222
       
222
       
-
       
                    <input type="file" id="blob" hidden onChange={() => uploadBlob()} />

     

       
221
       
221
       
+
       
                  <div class="dark:hover:bg-dark-200 dark:shadow-dark-800 dark:active:bg-dark-100 flex rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 text-xs font-semibold shadow-xs focus-within:outline-[1.5px] focus-within:outline-neutral-900 hover:bg-neutral-100 active:bg-neutral-200 dark:border-neutral-700 dark:bg-neutral-800 dark:focus-within:outline-neutral-200">

     

       
222
       
222
       
+
       
                    <input type="file" id="blob" class="sr-only" onChange={() => uploadBlob()} />

     

       
223
       
223
       
 
       
                    <label class="flex items-center gap-1 px-2 py-1.5 select-none" for="blob">

     

       
224
       
224
       
 
       
                      <span class="iconify lucide--upload text-sm"></span>

     

       
225
       
225
       
 
       
                      Upload