@le-space/ui 0.4.0 → 0.4.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +3 -3
- package/react/index.d.ts +0 -14
- package/react/index.js +478 -164
- package/shared/index.d.ts +2 -18
- package/shared/index.js +417 -161
- package/svelte/SponsorRelayFab.svelte +26 -9
|
@@ -236,7 +236,7 @@ export let apiHost = undefined
|
|
|
236
236
|
{#if confirmedRegistration}
|
|
237
237
|
<span class="chip chip-confirmed">
|
|
238
238
|
<span class="chip-dot-confirmed"></span>
|
|
239
|
-
|
|
239
|
+
Aleph bootstrap registered
|
|
240
240
|
</span>
|
|
241
241
|
{/if}
|
|
242
242
|
</div>
|
|
@@ -318,7 +318,7 @@ export let apiHost = undefined
|
|
|
318
318
|
<div>Browser multiaddrs: {String(entry.content?.browserMultiaddrs?.length ?? 0)}</div>
|
|
319
319
|
<div>Updated: {formatDateTime(entry.content?.updatedAt ?? entry.time)}</div>
|
|
320
320
|
<button
|
|
321
|
-
class="
|
|
321
|
+
class="warning"
|
|
322
322
|
type="button"
|
|
323
323
|
disabled={!registrationHash || state.busy.deletingRegistrationHash === registrationHash}
|
|
324
324
|
on:click={() => registrationHash && controller.deleteBootstrapRegistration(registrationHash)}
|
|
@@ -429,24 +429,41 @@ export let apiHost = undefined
|
|
|
429
429
|
|
|
430
430
|
.refresh,
|
|
431
431
|
.primary,
|
|
432
|
-
.delete
|
|
433
|
-
|
|
432
|
+
.delete,
|
|
433
|
+
.warning {
|
|
434
434
|
border-radius: 0.95rem;
|
|
435
435
|
padding: 0.7rem 0.9rem;
|
|
436
436
|
cursor: pointer;
|
|
437
|
+
font-weight: 700;
|
|
438
|
+
line-height: 1.1;
|
|
439
|
+
}
|
|
440
|
+
|
|
441
|
+
.refresh {
|
|
442
|
+
border: 1px solid rgba(255, 255, 255, 0.22);
|
|
437
443
|
color: var(--relay-text);
|
|
438
|
-
background: rgba(255, 255, 255, 0.
|
|
444
|
+
background: rgba(255, 255, 255, 0.1);
|
|
445
|
+
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
|
|
446
|
+
backdrop-filter: blur(8px);
|
|
439
447
|
}
|
|
440
448
|
|
|
441
449
|
.primary {
|
|
442
450
|
width: 100%;
|
|
443
|
-
|
|
444
|
-
|
|
451
|
+
border: 1px solid rgba(251, 191, 36, 0.42);
|
|
452
|
+
background: linear-gradient(135deg, #f6c453 0%, #f59e0b 100%);
|
|
453
|
+
color: #281606;
|
|
454
|
+
box-shadow: 0 10px 24px rgba(245, 158, 11, 0.24);
|
|
445
455
|
}
|
|
446
456
|
|
|
447
457
|
.delete {
|
|
448
|
-
|
|
449
|
-
|
|
458
|
+
border: 1px solid rgba(248, 113, 113, 0.45);
|
|
459
|
+
background: rgba(239, 68, 68, 0.18);
|
|
460
|
+
color: #ffe2e2;
|
|
461
|
+
}
|
|
462
|
+
|
|
463
|
+
.warning {
|
|
464
|
+
border: 1px solid rgba(251, 146, 60, 0.4);
|
|
465
|
+
background: rgba(251, 146, 60, 0.16);
|
|
466
|
+
color: #fed7aa;
|
|
450
467
|
}
|
|
451
468
|
|
|
452
469
|
.chip-confirmed {
|