···

       
109
       
109
       
 
       
		<!-- svelte-ignore a11y_click_events_have_key_events -->

     

       
110
       
110
       
 
       
		<!-- svelte-ignore a11y_no_static_element_interactions -->

     

       
111
       
111
       
 
       
		<div

     

       
112
       
112
       
-
       
			class="absolute left-0 z-10 mt-3 min-w-52 animate-fade-in-scale-fast overflow-hidden rounded-sm border-2 border-(--nucleus-accent) bg-(--nucleus-bg)/94 shadow-2xl backdrop-blur-lg transition-all"

     

       
112
       
112
       
+
       
			class="absolute left-0 z-20 mt-3 min-w-52 animate-fade-in-scale-fast overflow-hidden rounded-sm border-2 border-(--nucleus-accent) bg-(--nucleus-bg)/94 shadow-2xl backdrop-blur-lg transition-all"

     

       
113
       
113
       
 
       
			onclick={(e) => e.stopPropagation()}

     

       
114
       
114
       
 
       
		>

     

       
115
       
115
       
 
       
			{#if accounts.length > 0}

     

···

       
33
       
33
       
 
       


     

       
34
       
34
       
 
       
	let popupElement: HTMLDivElement | undefined = $state();

     

       
35
       
35
       
 
       


     

       
36
       
36
       
+
       
	// this sucks probably idk

     

       
36
       
37
       
 
       
	$effect(() => {

     

       
37
       
38
       
 
       
		if (!isOpen) return;

     

       
38
       
39
       
 
       


     

···

       
21
       
21
       
 
       
})();

     

       
22
       
22
       
 
       


     

       
23
       
23
       
 
       
export const addAccount = (account: Account): void => {

     

       
24
       
24
       
-
       
	accounts.update((accounts) => [...accounts, account]);

     

       
24
       
24
       
+
       
	accounts.update((accounts) => [...accounts.filter((a) => a.did !== account.did), account]);

     

       
25
       
25
       
 
       
};

     

       
26
       
26
       
 
       


     

       
27
       
27
       
 
       
export const loggingIn = {

     

···

       
231
       
231
       
 
       


     

       
232
       
232
       
 
       
<div class="mx-auto max-w-2xl">

     

       
233
       
233
       
 
       
	<!-- Sticky header -->

     

       
234
       
234
       
-
       
	<div class="sticky top-0 z-10 bg-(--nucleus-bg) p-4">

     

       
234
       
234
       
+
       
	<div class="sticky top-0 z-10 bg-(--nucleus-bg) pb-2">

     

       
235
       
235
       
 
       
		<div class="mb-6 flex items-center justify-between">

     

       
236
       
236
       
 
       
			<div>

     

       
237
       
237
       
 
       
				<h1 class="text-3xl font-bold tracking-tight">nucleus</h1>

     
···

       
291
       
291
       
 
       
					</div>

     

       
292
       
292
       
 
       
					{#if errorsOpen}

     

       
293
       
293
       
 
       
						<div

     

       
294
       
294
       
-
       
							class="absolute top-full right-0 left-0 z-50 mt-2 flex animate-fade-in-scale-fast flex-col gap-1 error-disclaimer shadow-lg transition-all"

     

       
294
       
294
       
+
       
							class="absolute top-full right-0 left-0 z-10 mt-2 flex animate-fade-in-scale-fast flex-col gap-1 error-disclaimer shadow-lg transition-all"

     

       
295
       
295
       
 
       
						>

     

       
296
       
296
       
 
       
							{#each errors as error, idx (idx)}

     

       
297
       
297
       
 
       
								<p>• {error}</p>