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

Refine ui more

Browse Source
This commit is contained in:
Jon Staab
2026-02-27 14:59:18 -08:00
parent 034572cb58
commit b0029041ea
13 changed files with 15 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/AppShell.tsx
+3 -3
View File
@@ -100,7 +100,7 @@ export default function AppShell(props: { children?: any }) {
if (searchTransitionTimer) window.clearTimeout(searchTransitionTimer)
setSearchOpen(true)
setSearchEntered(false)
window.requestAnimationFrame(() => setSearchEntered(true))
searchTransitionTimer = window.setTimeout(() => setSearchEntered(true), 10)
}
const closeSearchModal = () => {
@@ -159,7 +159,7 @@ export default function AppShell(props: { children?: any }) {
</div>
<nav class="fixed inset-x-0 bottom-0 z-20 border-t border-gray-200 bg-white md:hidden">
<div class="mx-auto flex h-16 max-w-md items-center justify-between px-6">
<div class="flex h-16 items-center justify-between px-6">
<div class="flex items-center gap-3">
<button
type="button"
@@ -192,7 +192,7 @@ export default function AppShell(props: { children?: any }) {
onClick={closeSearchModal}
>
<div
class={`max-h-[80vh] w-full overflow-hidden rounded-t-2xl bg-white transition-all duration-200 ${searchEntered() ? "translate-y-0 opacity-100" : "translate-y-4 opacity-0"}`}
class={`min-h-[40vh] max-h-[80vh] w-full overflow-hidden rounded-t-2xl bg-white transition-all duration-200 ${searchEntered() ? "translate-y-0 opacity-100" : "translate-y-16 opacity-0"}`}
onClick={(e) => e.stopPropagation()}
>
<div class="border-b border-gray-200 p-4">
frontend/src/pages/Account.tsx
+1 -1
View File
@@ -38,7 +38,7 @@ export default function Account() {
return (
<PageContainer>
<h1 class="text-2xl font-bold text-gray-900 mb-6 py-4">My Account</h1>
<h1 class="text-2xl font-bold text-gray-900 mb-6 py-2">My Account</h1>
<div class="space-y-6">
<section class="bg-white border border-gray-200 rounded-xl p-6">
frontend/src/pages/Home.tsx
+1 -1
View File
@@ -5,7 +5,7 @@ export default function Home() {
<div class="min-h-screen bg-white">
{/* Hero */}
<div class="max-w-4xl mx-auto px-4 py-24 text-center">
<h1 class="text-2xl font-bold text-gray-900 mb-4 py-4">
<h1 class="text-2xl font-bold text-gray-900 mb-4 py-2">
Host Your Own Nostr Community Relay
</h1>
<p class="text-xl text-gray-600 mb-8 max-w-2xl mx-auto">
frontend/src/pages/Login.tsx
+1 -1
View File
@@ -206,7 +206,7 @@ export default function Login() {
Secure Nostr Login
</div>
<div>
<h1 class="text-2xl font-semibold text-gray-900 py-4">Welcome back</h1>
<h1 class="text-2xl font-semibold text-gray-900 py-2">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>
frontend/src/pages/admin/AdminRelayDetail.tsx
+1 -1
View File
@@ -43,7 +43,7 @@ export default function AdminRelayDetail() {
<Show when={!loading() && relay()}>
{(r) => (
<div class="mb-6">
<h1 class="text-2xl font-bold text-gray-900 mb-1 py-4">{r().name}</h1>
<h1 class="text-2xl font-bold text-gray-900 mb-1 py-2">{r().name}</h1>
<p class="text-sm text-gray-500">{r().subdomain}.spaces.coracle.social</p>
<p class="text-sm text-gray-500 mt-2 break-all">Tenant: {r().tenant}</p>
<p class="text-sm text-gray-700 mt-2">Plan: <span class="uppercase">{r().plan}</span></p>
frontend/src/pages/admin/AdminRelayEdit.tsx
+1 -1
View File
@@ -57,7 +57,7 @@ export default function AdminRelayEdit() {
return (
<PageContainer size="narrow">
<BackLink href={`/admin/relays/${params.id}`} label="Back" />
<h1 class="text-2xl font-bold text-gray-900 mb-6 py-4">Edit Relay (Admin)</h1>
<h1 class="text-2xl font-bold text-gray-900 mb-6 py-2">Edit Relay (Admin)</h1>
<ResourceState
loading={loading()}
frontend/src/pages/admin/AdminRelayList.tsx
+1 -1
View File
@@ -27,7 +27,7 @@ export default function AdminRelayList() {
return (
<PageContainer>
<div class="mb-6">
<h1 class="text-2xl font-bold text-gray-900 py-4">Relays</h1>
<h1 class="text-2xl font-bold text-gray-900 py-2">Relays</h1>
</div>
<div class="relative mb-6">
<span class="pointer-events-none absolute inset-y-0 left-3 flex items-center text-gray-400">
frontend/src/pages/admin/AdminTenantDetail.tsx
+1 -1
View File
@@ -31,7 +31,7 @@ export default function AdminTenantDetail() {
return (
<PageContainer>
<BackLink href="/admin/tenants" label="Tenants" />
<h1 class="text-2xl font-bold text-gray-900 mb-6 py-4">Tenant {params.id}</h1>
<h1 class="text-2xl font-bold text-gray-900 mb-6 py-2">Tenant {params.id}</h1>
<ResourceState
loading={loading()}
frontend/src/pages/admin/AdminTenantList.tsx
+1 -1
View File
@@ -68,7 +68,7 @@ export default function AdminTenantList() {
return (
<PageContainer>
<h1 class="text-2xl font-bold text-gray-900 mb-6 py-4">Tenants</h1>
<h1 class="text-2xl font-bold text-gray-900 mb-6 py-2">Tenants</h1>
<div class="relative mb-6">
<span class="pointer-events-none absolute inset-y-0 left-3 flex items-center text-gray-400">
<svg class="h-4 w-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
frontend/src/pages/relays/RelayDetail.tsx
+1 -1
View File
@@ -43,7 +43,7 @@ export default function RelayDetail() {
<Show when={!loading() && relay()}>
{(loadedRelay) => (
<div class="mb-6">
<h1 class="text-2xl font-bold text-gray-900 py-4">{loadedRelay().name}</h1>
<h1 class="text-2xl font-bold text-gray-900 py-2">{loadedRelay().name}</h1>
<p class="mt-1 text-sm text-gray-500">https://{loadedRelay().subdomain}.spaces.coracle.social</p>
<Show when={loadedRelay().description.trim()}>
<p class="mt-3 text-gray-700">{loadedRelay().description}</p>
frontend/src/pages/relays/RelayEdit.tsx
+1 -1
View File
@@ -57,7 +57,7 @@ export default function RelayEdit() {
return (
<PageContainer size="narrow">
<BackLink href={`/relays/${params.id}`} label="Back" />
<h1 class="text-2xl font-bold text-gray-900 mb-6 py-4">Edit Relay</h1>
<h1 class="text-2xl font-bold text-gray-900 mb-6 py-2">Edit Relay</h1>
<ResourceState
loading={loading()}
frontend/src/pages/relays/RelayList.tsx
+1 -1
View File
@@ -32,7 +32,7 @@ export default function RelayList() {
return (
<PageContainer>
<div class="flex items-center justify-between mb-6">
<h1 class="text-2xl font-bold text-gray-900 py-4">My Relays</h1>
<h1 class="text-2xl font-bold text-gray-900 py-2">My Relays</h1>
<A
href="/relays/new"
class="py-2 px-4 bg-blue-600 text-white font-medium rounded-lg hover:bg-blue-700 transition-colors"
frontend/src/pages/relays/RelayNew.tsx
+1 -1
View File
@@ -51,7 +51,7 @@ export default function RelayNew() {
return (
<div class="max-w-2xl mx-auto px-4 py-8">
<h1 class="text-2xl font-bold text-gray-900 mb-6 py-4">New Relay</h1>
<h1 class="text-2xl font-bold text-gray-900 mb-6 py-2">New Relay</h1>
<form onSubmit={handleSubmit} class="space-y-6">
<div>
<label class="block text-sm font-medium text-gray-700 mb-1">Relay Name</label>