coracle/caravel
1
1
Fork 2
Code Issues 4 Pull Requests Actions Packages Projects Releases Wiki Activity

Fix compile errors

Browse Source
This commit is contained in:
Jon Staab
2026-02-25 16:10:24 -08:00
parent 643aa88e3f
commit 58e8c821d4
14 changed files with 247 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/index.css
+1
View File
@@ -1,6 +1,7 @@
@import "tailwindcss";
@import "../node_modules/preline/variants.css";
@source "../node_modules/preline/dist/*.js";
@import "nonboard/style.css";
/* Pointer cursor on buttons */
@layer base {
frontend/src/pages/Login.tsx
+46 -4
View File
@@ -21,10 +21,52 @@ export default function Login() {
})
return (
<div class="min-h-screen bg-gray-50 flex items-center justify-center p-4">
<div class="bg-white rounded-xl shadow-sm border border-gray-200 p-8 w-full max-w-md">
<h1 class="text-2xl font-bold text-gray-900 mb-6 text-center">Log In</h1>
<div ref={container} />
<div class="min-h-screen bg-gradient-to-br from-gray-50 via-white to-gray-100 flex items-center justify-center p-6">
<div class="w-full max-w-3xl">
<div class="relative overflow-hidden rounded-2xl border border-gray-200 bg-white shadow-xl">
<div class="absolute inset-0 bg-[radial-gradient(circle_at_top,_rgba(99,102,241,0.08),_transparent_45%)]" />
<div class="relative grid gap-8 p-8 md:grid-cols-[1.2fr_1fr] md:p-10">
<div class="space-y-6">
<div class="inline-flex items-center gap-2 rounded-full border border-indigo-100 bg-indigo-50 px-3 py-1 text-xs font-semibold uppercase tracking-wide text-indigo-700">
Secure Nostr Login
</div>
<div>
<h1 class="text-3xl font-semibold text-gray-900 md:text-4xl">Welcome back</h1>
<p class="mt-3 text-sm leading-6 text-gray-600">
Connect your Nostr account to manage relay hosting, billing, and access in one place.
</p>
</div>
<div class="space-y-3 text-sm text-gray-600">
<div class="flex items-start gap-3">
<span class="mt-1 h-2 w-2 rounded-full bg-indigo-500" />
<p>Own your identity with cryptographic sign-in.</p>
</div>
<div class="flex items-start gap-3">
<span class="mt-1 h-2 w-2 rounded-full bg-indigo-500" />
<p>No passwords or email required.</p>
</div>
<div class="flex items-start gap-3">
<span class="mt-1 h-2 w-2 rounded-full bg-indigo-500" />
<p>Fast access to your relays and invoices.</p>
</div>
</div>
</div>
<div class="rounded-xl border border-gray-200 bg-white/80 p-6 shadow-sm">
<h2 class="text-lg font-semibold text-gray-900">Log in with Nostr</h2>
<p class="mt-2 text-xs text-gray-500">
New here? Create an account in seconds using your favorite Nostr signer.
</p>
<div class="mt-6" ref={container} />
<p class="mt-6 text-xs text-gray-500">
By continuing, you agree to use NIP-98 authentication for secure access.
</p>
</div>
</div>
</div>
<p class="mt-6 text-center text-xs text-gray-500">
Having trouble? Make sure your signer is unlocked and connected.
</p>
</div>
</div>
)