Exosphere is a set of small, modular, self-hostable community tools built on the AT Protocol.
app.exosphere.site
style: spacing
+26
-26
+1
-1
packages/client/src/ui.css.ts
+1
-1
packages/client/src/ui.css.ts
···
78
78
borderBlockEnd: `1px solid ${vars.color.border}`,
79
79
backgroundColor: vars.color.surface,
80
80
paddingBlock: vars.space.sm,
81
-
marginBlockEnd: vars.space.lg,
81
+
marginBlockEnd: vars.space.md,
82
82
boxShadow: `0 1px 3px ${vars.color.shadow}, 0 1px 2px ${vars.color.shadow}`,
83
83
transition: "background-color 0.2s, border-color 0.2s, box-shadow 0.2s",
84
84
"@media": {
+20
-24
packages/kanban/src/ui/pages/board.tsx
+20
-24
packages/kanban/src/ui/pages/board.tsx
···
58
58
59
59
return (
60
60
<>
61
-
<div class={ui.container}>
62
-
<div class={ui.section}>
63
-
<div class={kbUi.titleRow}>
64
-
<h1 class={ui.pageTitle}>Flux</h1>
65
-
<div class={kbUi.titleRowActions}>
66
-
{isAuthenticated && canManageSettings.value && (
67
-
<a href={spherePath("/flux/settings")} class={kbUi.iconBtn} title="Flux settings">
68
-
<Settings size={18} />
69
-
</a>
70
-
)}
71
-
{isAuthenticated && canCreate.value && !showForm.value && (
72
-
<button class={ui.button} onClick={() => (showForm.value = true)}>
73
-
New task
74
-
</button>
75
-
)}
76
-
</div>
61
+
<div class={kbUi.boardSection}>
62
+
<div class={kbUi.titleRow}>
63
+
<h1 class={ui.pageTitle}>Flux</h1>
64
+
<div class={kbUi.titleRowActions}>
65
+
{isAuthenticated && canManageSettings.value && (
66
+
<a href={spherePath("/flux/settings")} class={kbUi.iconBtn} title="Flux settings">
67
+
<Settings size={18} />
68
+
</a>
69
+
)}
70
+
{isAuthenticated && canCreate.value && !showForm.value && (
71
+
<button class={ui.button} onClick={() => (showForm.value = true)}>
72
+
New task
73
+
</button>
74
+
)}
77
75
</div>
78
-
79
-
{showForm.value && (
80
-
<div class={ui.card}>
81
-
<TaskForm columns={columnDefs.value} onCreated={onCreated} />
82
-
</div>
83
-
)}
84
76
</div>
85
-
</div>
77
+
78
+
{showForm.value && (
79
+
<div class={ui.card}>
80
+
<TaskForm columns={columnDefs.value} onCreated={onCreated} />
81
+
</div>
82
+
)}
86
83
87
-
<div class={kbUi.boardSection}>
88
84
{pending && !data ? (
89
85
loading ? (
90
86
<p class={ui.muted}>Loading...</p>
+5
-1
packages/kanban/src/ui/ui.css.ts
+5
-1
packages/kanban/src/ui/ui.css.ts