atproto explorer

repo tab bg

+2 -2
+2 -2
src/views/repo.tsx
··· 171 171 const RepoTab = (props: { tab: Tab; label: string; icon: string }) => ( 172 172 <A 173 173 classList={{ 174 - "flex items-center border-b-2 gap-1 py-1": true, 174 + "flex items-center border-b-2 gap-1": true, 175 175 "border-transparent hover:border-neutral-400 dark:hover:border-neutral-600": 176 176 (location.hash !== `#${props.tab}` && !!location.hash) || 177 177 (!location.hash && props.tab !== "collections"), ··· 263 263 {error()} 264 264 </div> 265 265 </Show> 266 - <div class="flex justify-between text-sm"> 266 + <div class="dark:shadow-dark-800 dark:bg-dark-300 flex justify-between rounded-lg bg-neutral-50 px-2 py-1.5 text-sm shadow-sm"> 267 267 <Show when={!error()}> 268 268 <RepoTab tab="collections" label="Collections" icon="lucide--folder-open" /> 269 269 </Show>