forked from
pds.ls/pdsls
atmosphere explorer
restyle account manager button
+14
-16
+1
-1
src/auth/account.tsx
+1
-1
src/auth/account.tsx
···
152
152
</div>
153
153
<button
154
154
onclick={() => setShowingAddAccount(true)}
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
+
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
+7
-7
src/auth/login.tsx
···
45
45
<div class="font-semibold">Add account</div>
46
46
</div>
47
47
</Show>
48
-
<form onsubmit={(e) => e.preventDefault()}>
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
-
<button
70
-
onclick={() => initiateLogin(loginInput())}
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
-
>
73
-
<span class="iconify lucide--log-in"></span>
74
-
</button>
75
69
</div>
70
+
<button
71
+
onclick={() => initiateLogin(loginInput())}
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
+
>
74
+
Continue
75
+
</button>
76
76
</form>
77
77
</Show>
78
78
+6
-8
src/auth/scope-selector.tsx
+6
-8
src/auth/scope-selector.tsx
···
75
75
)}
76
76
</For>
77
77
</div>
78
-
<div class="mt-2 flex gap-2">
79
-
<button
80
-
onclick={handleConfirm}
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
-
>
83
-
Continue
84
-
</button>
85
-
</div>
78
+
<button
79
+
onclick={handleConfirm}
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
+
>
82
+
Continue
83
+
</button>
86
84
</div>
87
85
);
88
86
};