commit c9618124dce2525b880b5ebfaab602959bfa5089 · pdsls.dev/pdsls

+1 -1

src/auth/account.tsx

···

       152
       152
        
                   </div>

     

       153
       153
        
                   <button

     

       154
       154
        
                     onclick={() => setShowingAddAccount(true)}

     

       155
       155
       -
                     class="flex w-full items-center justify-center gap-2 rounded-md border-[0.5px] border-neutral-300 bg-white px-3 py-2 hover:bg-neutral-100 active:bg-neutral-200 dark:border-neutral-600 dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"

     

       155
       155
       +
                     class="flex w-full items-center justify-center gap-2 rounded-lg border-[0.5px] border-neutral-300 bg-neutral-100 px-3 py-2 hover:bg-neutral-200 active:bg-neutral-300 dark:border-neutral-600 dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"

     

       156
       156
        
                   >

     

       157
       157
        
                     <span class="iconify lucide--user-plus"></span>

     

       158
       158
        
                     <span>Add account</span>

+7 -7

src/auth/login.tsx

···

       45
       45
        
                   <div class="font-semibold">Add account</div>

     

       46
       46
        
                 </div>

     

       47
       47
        
               </Show>

     

       48
       48
       -
               <form onsubmit={(e) => e.preventDefault()}>

     

       48
       48
       +
               <form class="flex flex-col gap-2" onsubmit={(e) => e.preventDefault()}>

     

       49
       49
        
                 <label for="username" class="hidden">

     

       50
       50
        
                   Add account

     

       51
       51
        
                 </label>

     
···

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

     

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

     

       68
       68
        
                   />

     

       69
       69
       -
                   <button

     

       70
       70
       -
                     onclick={() => initiateLogin(loginInput())}

     

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

     

       72
       72
       -
                   >

     

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

     

       74
       74
       -
                   </button>

     

       75
       69
        
                 </div>

     

       70
       70
       +
                 <button

     

       71
       71
       +
                   onclick={() => initiateLogin(loginInput())}

     

       72
       72
       +
                   class="grow rounded-lg border-[0.5px] border-neutral-300 bg-neutral-100 px-3 py-2 hover:bg-neutral-200 active:bg-neutral-300 dark:border-neutral-600 dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"

     

       73
       73
       +
                 >

     

       74
       74
       +
                   Continue

     

       75
       75
       +
                 </button>

     

       76
       76
        
               </form>

     

       77
       77
        
             </Show>

     

       78
       78

+6 -8

src/auth/scope-selector.tsx

···

       75
       75
        
                 )}

     

       76
       76
        
               </For>

     

       77
       77
        
             </div>

     

       78
       78
       -
             <div class="mt-2 flex gap-2">

     

       79
       79
       -
               <button

     

       80
       80
       -
                 onclick={handleConfirm}

     

       81
       81
       -
                 class="grow rounded-lg border-[0.5px] border-neutral-300 bg-white px-3 py-1.5 hover:bg-neutral-100 active:bg-neutral-200 dark:border-neutral-600 dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"

     

       82
       82
       -
               >

     

       83
       83
       -
                 Continue

     

       84
       84
       -
               </button>

     

       85
       85
       -
             </div>

     

       78
       78
       +
             <button

     

       79
       79
       +
               onclick={handleConfirm}

     

       80
       80
       +
               class="mt-2 grow rounded-lg border-[0.5px] border-neutral-300 bg-neutral-100 px-3 py-2 hover:bg-neutral-200 active:bg-neutral-300 dark:border-neutral-600 dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"

     

       81
       81
       +
             >

     

       82
       82
       +
               Continue

     

       83
       83
       +
             </button>

     

       86
       84
        
           </div>

     

       87
       85
        
         );

     

       88
       86
        
       };