diff --git a/src/components/NotifyMe.svelte b/src/components/NotifyMe.svelte new file mode 100644 index 0000000..0c04045 --- /dev/null +++ b/src/components/NotifyMe.svelte @@ -0,0 +1,21 @@ + + + + Nostrocket is sooooo not ready yet but whatever + + + Nostrocket is a work in progress + It kind of works, but there's a lot more to do. There will be bugs. + + + + diff --git a/src/layouts/SidePanelLayout.svelte b/src/layouts/SidePanelLayout.svelte index 992f000..b85546e 100644 --- a/src/layouts/SidePanelLayout.svelte +++ b/src/layouts/SidePanelLayout.svelte @@ -9,6 +9,9 @@ import RocketPillCard from '../components/RocketPillCard.svelte'; import { base } from '$app/paths'; import Login from '../components/Login.svelte'; + import { Badge } from '@/components/ui/badge'; + import { bitcoinTip } from '@/stores/bitcoin'; + import NotifyMe from '../components/NotifyMe.svelte'; export let title = ''; @@ -54,30 +57,9 @@ + - - -
-
-
- - -
-
+
{$bitcoinTip.height}
diff --git a/src/lib/components/ui/badge/index.ts b/src/lib/components/ui/badge/index.ts index 1fad281..e4de5d6 100644 --- a/src/lib/components/ui/badge/index.ts +++ b/src/lib/components/ui/badge/index.ts @@ -9,7 +9,9 @@ export const badgeVariants = tv({ secondary: 'border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80', destructive: 'border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80', - outline: 'text-foreground' + outline: 'text-foreground', + nostr: + 'border-transparent bg-indigo-700 text-destructive-foreground hover:bg-indigo-700/80', } }, defaultVariants: {