commit 15b07a715c45df2989157d4367a5c9689f2d1661 · pdsls.dev/pdsls

+17 -19
src/components/login.tsx
···

       64
       64
        
       

     

       65
       65
        
         return (

     

       66
       66
        
           <form class="flex flex-col gap-y-2 px-1" onsubmit={(e) => e.preventDefault()}>

     

       67
       67
       -
             <div class="flex items-center gap-1">

     

       68
       68
       -
               <label for="handle" class="hidden">

     

       69
       69
       -
                 Add account

     

       70
       70
       -
               </label>

     

       71
       71
       -
               <div class="dark:bg-dark-100 dark:shadow-dark-700 flex grow items-center gap-2 rounded-lg border-[0.5px] border-neutral-300 bg-white px-2 shadow-xs focus-within:outline-[1px] focus-within:outline-neutral-600 dark:border-neutral-600 dark:focus-within:outline-neutral-400">

     

       72
       72
       -
                 <label

     

       73
       73
       -
                   for="handle"

     

       74
       74
       -
                   class="iconify lucide--user-round-plus text-neutral-500 dark:text-neutral-400"

     

       75
       75
       -
                 ></label>

     

       76
       76
       -
                 <input

     

       77
       77
       -
                   type="text"

     

       78
       78
       -
                   spellcheck={false}

     

       79
       79
       -
                   placeholder="user.bsky.social"

     

       80
       80
       -
                   id="handle"

     

       81
       81
       -
                   class="grow py-1 select-none placeholder:text-sm focus:outline-none"

     

       82
       82
       -
                   onInput={(e) => setLoginInput(e.currentTarget.value)}

     

       83
       83
       -
                 />

     

       84
       84
       -
               </div>

     

       67
       67
       +
             <label for="handle" class="hidden">

     

       68
       68
       +
               Add account

     

       69
       69
       +
             </label>

     

       70
       70
       +
             <div class="dark:bg-dark-100 dark:shadow-dark-700 flex grow items-center gap-2 rounded-lg border-[0.5px] border-neutral-300 bg-white px-2 shadow-xs focus-within:outline-[1px] focus-within:outline-neutral-600 dark:border-neutral-600 dark:focus-within:outline-neutral-400">

     

       71
       71
       +
               <label

     

       72
       72
       +
                 for="handle"

     

       73
       73
       +
                 class="iconify lucide--user-round-plus text-neutral-500 dark:text-neutral-400"

     

       74
       74
       +
               ></label>

     

       75
       75
       +
               <input

     

       76
       76
       +
                 type="text"

     

       77
       77
       +
                 spellcheck={false}

     

       78
       78
       +
                 placeholder="user.bsky.social"

     

       79
       79
       +
                 id="handle"

     

       80
       80
       +
                 class="grow py-1 select-none placeholder:text-sm focus:outline-none"

     

       81
       81
       +
                 onInput={(e) => setLoginInput(e.currentTarget.value)}

     

       82
       82
       +
               />

     

       85
       83
        
               <button

     

       86
       84
        
                 onclick={() => login(loginInput())}

     

       87
       87
       -
                 class="flex items-center rounded-lg p-1.5 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"

     

       85
       85
       +
                 class="flex items-center rounded-lg p-1 hover:bg-neutral-100 active:bg-neutral-200 dark:hover:bg-neutral-600 dark:active:bg-neutral-500"

     

       88
       86
        
               >

     

       89
       87
        
                 <span class="iconify lucide--log-in"></span>

     

       90
       88
        
               </button>