atproto explorer pdsls.dev
atproto tool

add margin to tabs

juli.ee 85ea038b de032a14

verified
Changed files
+3 -3
src
+1 -1
src/views/pds.tsx
···
<Show when={repos() || response()}>
<div class="flex w-full flex-col">
<div class="dark:shadow-dark-700 dark:bg-dark-300 mb-2 flex w-full justify-between rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-2 text-sm shadow-xs dark:border-neutral-700">
-
<div class="flex gap-3">
<Tab tab="repos" label="Repositories" />
<Tab tab="info" label="Info" />
</div>
···
<Show when={repos() || response()}>
<div class="flex w-full flex-col">
<div class="dark:shadow-dark-700 dark:bg-dark-300 mb-2 flex w-full justify-between rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-2 text-sm shadow-xs dark:border-neutral-700">
+
<div class="ml-1 flex gap-3">
<Tab tab="repos" label="Repositories" />
<Tab tab="info" label="Info" />
</div>
+1 -1
src/views/record.tsx
···
<Show when={record()} keyed>
<div class="flex w-full flex-col items-center">
<div class="dark:shadow-dark-700 dark:bg-dark-300 mb-3 flex w-full justify-between rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-2 text-sm shadow-xs dark:border-neutral-700">
-
<div class="flex gap-3">
<RecordTab tab="record" label="Record" />
<RecordTab tab="schema" label="Schema" />
<RecordTab tab="backlinks" label="Backlinks" />
···
<Show when={record()} keyed>
<div class="flex w-full flex-col items-center">
<div class="dark:shadow-dark-700 dark:bg-dark-300 mb-3 flex w-full justify-between rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-2 text-sm shadow-xs dark:border-neutral-700">
+
<div class="ml-1 flex gap-3">
<RecordTab tab="record" label="Record" />
<RecordTab tab="schema" label="Schema" />
<RecordTab tab="backlinks" label="Backlinks" />
+1 -1
src/views/repo.tsx
···
<div
class={`dark:shadow-dark-700 dark:bg-dark-300 flex justify-between rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-2 text-sm shadow-xs dark:border-neutral-700`}
>
-
<div class="flex gap-2 text-xs sm:gap-4 sm:text-sm">
<Show when={!error()}>
<RepoTab tab="collections" label="Collections" />
</Show>
···
<div
class={`dark:shadow-dark-700 dark:bg-dark-300 flex justify-between rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 p-2 text-sm shadow-xs dark:border-neutral-700`}
>
+
<div class="ml-1 flex gap-2 text-xs sm:gap-4 sm:text-sm">
<Show when={!error()}>
<RepoTab tab="collections" label="Collections" />
</Show>