olaren.dev
forked from
pds.ls/pdsls
atmosphere explorer
add more padding
handle.invalid
+5
-5
+5
-5
src/views/pds.tsx
+5
-5
src/views/pds.tsx
···
55
55
const [expanded, setExpanded] = createSignal(false);
56
56
57
57
return (
58
-
<div class="flex flex-col gap-1">
58
+
<div class="flex flex-col gap-0.5">
59
59
<div class="flex items-start">
60
60
<button
61
61
type="button"
62
62
onclick={() => setExpanded(!expanded())}
63
-
class="dark:hover:bg-dark-200 flex min-w-0 flex-1 items-center gap-2 rounded p-1 hover:bg-neutral-200/70"
63
+
class="dark:hover:bg-dark-200 flex min-w-0 flex-1 items-center gap-2 rounded p-1.5 hover:bg-neutral-200/70"
64
64
>
65
65
<span class="mt-0.5 flex shrink-0 items-center text-neutral-400 dark:text-neutral-500">
66
66
{expanded() ?
···
82
82
<Show when={expanded()}>
83
83
<A
84
84
href={`/at://${repo.did}`}
85
-
class="flex size-7 shrink-0 items-center justify-center rounded text-neutral-500 transition-colors hover:bg-neutral-200 hover:text-neutral-600 active:bg-neutral-300 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:hover:text-neutral-300 dark:active:bg-neutral-600"
85
+
class="flex size-7.5 shrink-0 items-center justify-center rounded text-neutral-500 transition-colors hover:bg-neutral-200 hover:text-neutral-600 active:bg-neutral-300 dark:text-neutral-400 dark:hover:bg-neutral-700 dark:hover:text-neutral-300 dark:active:bg-neutral-600"
86
86
>
87
87
<span class="iconify lucide--arrow-right"></span>
88
88
</A>
89
89
</Show>
90
90
</div>
91
91
<Show when={expanded()}>
92
-
<div class="mb-2 ml-[28px] flex flex-col gap-1 font-mono text-xs text-neutral-500 dark:text-neutral-400">
92
+
<div class="mb-2 ml-[30px] flex flex-col gap-1 font-mono text-xs text-neutral-500 dark:text-neutral-400">
93
93
<Show when={repo.head}>
94
94
<span class="truncate">{repo.head}</span>
95
95
</Show>
···
135
135
<Tab tab="firehose" label="Firehose" />
136
136
</div>
137
137
<Show when={!location.hash || location.hash === "#repos"}>
138
-
<div class="-mx-1.5 flex flex-col pb-20">
138
+
<div class="-mx-2 flex flex-col pb-20">
139
139
<For each={repos()}>{(repo) => <RepoCard {...repo} />}</For>
140
140
</div>
141
141
</Show>