atmosphere explorer
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

adjust rounding

Juliet 9b74179b edf3a926

+33 -37
+1 -1
src/components/login.tsx
··· 83 83 /> 84 84 <button 85 85 onclick={() => login(loginInput())} 86 - class="flex items-center rounded-lg p-1 hover:bg-neutral-100 active:bg-neutral-200 dark:hover:bg-neutral-600 dark:active:bg-neutral-500" 86 + class="flex items-center rounded-md p-1 hover:bg-neutral-100 active:bg-neutral-200 dark:hover:bg-neutral-600 dark:active:bg-neutral-500" 87 87 > 88 88 <span class="iconify lucide--log-in"></span> 89 89 </button>
+2 -2
src/components/search.tsx
··· 238 238 <Show when={input()} fallback={ListUrlsTooltip()}> 239 239 <button 240 240 type="button" 241 - class="flex items-center rounded-lg p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-600 dark:active:bg-neutral-500" 241 + class="flex items-center rounded-md p-1 hover:bg-neutral-100 active:bg-neutral-200 dark:hover:bg-neutral-600 dark:active:bg-neutral-500" 242 242 onClick={() => setInput(undefined)} 243 243 > 244 244 <span class="iconify lucide--x"></span> ··· 352 352 </Modal> 353 353 <button 354 354 type="button" 355 - class="flex items-center rounded-lg p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-600 dark:active:bg-neutral-500" 355 + class="flex items-center rounded-md p-1 hover:bg-neutral-100 active:bg-neutral-200 dark:hover:bg-neutral-600 dark:active:bg-neutral-500" 356 356 onClick={() => setOpenList(true)} 357 357 > 358 358 <span class="iconify lucide--help-circle"></span>
+5 -5
src/views/collection.tsx
··· 207 207 setLastSelected(undefined); 208 208 setBatchDelete(!batchDelete()); 209 209 }} 210 - class="flex items-center rounded-lg p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600" 210 + class="flex items-center rounded-md p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600" 211 211 > 212 212 <span 213 213 class={`iconify text-lg ${batchDelete() ? "lucide--circle-x" : "lucide--trash-2"} `} ··· 221 221 children={ 222 222 <button 223 223 onclick={() => selectAll()} 224 - class="flex items-center rounded-lg p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600" 224 + class="flex items-center rounded-md p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600" 225 225 > 226 226 <span class="iconify lucide--copy-check text-lg"></span> 227 227 </button> ··· 235 235 setRecreate(true); 236 236 setOpenDelete(true); 237 237 }} 238 - class="flex items-center rounded-lg p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600" 238 + class="flex items-center rounded-md p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600" 239 239 > 240 240 <span class="iconify lucide--recycle text-lg text-green-500 dark:text-green-400"></span> 241 241 </button> ··· 249 249 setRecreate(false); 250 250 setOpenDelete(true); 251 251 }} 252 - class="flex items-center rounded-lg p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600" 252 + class="flex items-center rounded-md p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600" 253 253 > 254 254 <span class="iconify lucide--trash-2 text-lg text-red-500 dark:text-red-400"></span> 255 255 </button> ··· 278 278 <Tooltip text="Jetstream"> 279 279 <A 280 280 href={`/jetstream?collections=${params.collection}&dids=${params.repo}`} 281 - class="flex items-center rounded-lg p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600" 281 + class="flex items-center rounded-md p-1 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600" 282 282 > 283 283 <span class="iconify lucide--radio-tower text-lg"></span> 284 284 </A>
+14 -16
src/views/pds.tsx
··· 59 59 <div class="flex items-center"> 60 60 <A 61 61 href={`/at://${repo.did}`} 62 - class="grow truncate rounded py-0.5 font-mono hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600" 62 + class="grow truncate rounded-md p-0.5 font-mono hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600" 63 63 > 64 64 {repo.did} 65 65 </A> ··· 70 70 </Show> 71 71 <button 72 72 onclick={() => setOpenInfo(true)} 73 - class="flex items-center rounded-lg p-1.5 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600" 73 + class="flex items-center rounded-md p-1.5 hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600" 74 74 > 75 75 <span class="iconify lucide--info"></span> 76 76 </button> ··· 111 111 }; 112 112 113 113 const Tab = (props: { tab: "repos" | "info"; label: string }) => ( 114 - <div class="flex items-center gap-0.5"> 115 - <A 116 - classList={{ 117 - "flex items-center gap-1 border-b-2": true, 118 - "border-transparent hover:border-neutral-400 dark:hover:border-neutral-600": 119 - (!!location.hash && location.hash !== `#${props.tab}`) || 120 - (!location.hash && props.tab !== "repos"), 121 - }} 122 - href={`/${params.pds}#${props.tab}`} 123 - > 124 - {props.label} 125 - </A> 126 - </div> 114 + <A 115 + classList={{ 116 + "border-b-2": true, 117 + "border-transparent hover:border-neutral-400 dark:hover:border-neutral-600": 118 + (!!location.hash && location.hash !== `#${props.tab}`) || 119 + (!location.hash && props.tab !== "repos"), 120 + }} 121 + href={`/${params.pds}#${props.tab}`} 122 + > 123 + {props.label} 124 + </A> 127 125 ); 128 126 129 127 return ( 130 128 <Show when={repos() || response()}> 131 129 <div class="flex w-full flex-col"> 132 130 <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"> 133 - <div class="ml-1 flex gap-3"> 131 + <div class="ml-1 flex items-center gap-3"> 134 132 <Tab tab="repos" label="Repositories" /> 135 133 <Tab tab="info" label="Info" /> 136 134 </div>
+2 -2
src/views/record.tsx
··· 362 362 <div class="flex items-center gap-0.5"> 363 363 <A 364 364 classList={{ 365 - "flex items-center gap-1 border-b-2": true, 365 + "border-b-2": true, 366 366 "border-transparent hover:border-neutral-400 dark:hover:border-neutral-600": 367 367 !isActive(), 368 368 }} ··· 381 381 <Show when={record()} keyed> 382 382 <div class="flex w-full flex-col items-center"> 383 383 <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"> 384 - <div class="ml-1 flex gap-3"> 384 + <div class="ml-1 flex items-center gap-3"> 385 385 <RecordTab tab="record" label="Record" /> 386 386 <RecordTab tab="schema" label="Schema" /> 387 387 <RecordTab tab="backlinks" label="Backlinks" />
+9 -11
src/views/repo.tsx
··· 86 86 }; 87 87 88 88 return ( 89 - <A class="flex items-center" href={`/at://${params.repo}#${props.tab}`}> 90 - <span 91 - classList={{ 92 - "flex items-center border-b-2": true, 93 - "border-transparent hover:border-neutral-400 dark:hover:border-neutral-600": 94 - !isActive(), 95 - }} 96 - > 97 - {props.label} 98 - </span> 89 + <A 90 + classList={{ 91 + "border-b-2": true, 92 + "border-transparent hover:border-neutral-400 dark:hover:border-neutral-600": !isActive(), 93 + }} 94 + href={`/at://${params.repo}#${props.tab}`} 95 + > 96 + {props.label} 99 97 </A> 100 98 ); 101 99 }; ··· 274 272 <Show when={repo()}> 275 273 <div class="flex w-full flex-col gap-3 wrap-break-word"> 276 274 <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"> 277 - <div class="ml-1 flex gap-2 text-xs sm:gap-4 sm:text-sm"> 275 + <div class="ml-1 flex items-center gap-2 text-xs sm:gap-4 sm:text-sm"> 278 276 <Show when={!error()}> 279 277 <RepoTab tab="collections" label="Collections" /> 280 278 </Show>