vielle.dev / pdsls
forked from pds.ls/pdsls
atproto explorer
fork atom

fix button dark bg

handle.invalid 10067bbc c261e56f

+2 -2
unified split
+1 -1
src/components/button.tsx
··· 13 13 type="button" 14 14 class={ 15 15 props.class ?? 16 - "dark:hover:bg-dark-200 dark:bg-dark-300 dark:shadow-dark-800 dark:active:bg-dark-100 box-border flex h-7 items-center gap-1 rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 px-2 py-1.5 text-xs font-semibold shadow-xs hover:bg-neutral-100 active:bg-neutral-200 dark:border-neutral-700" 16 + "dark:hover:bg-dark-200 dark:shadow-dark-800 dark:active:bg-dark-100 box-border flex h-7 items-center gap-1 rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 px-2 py-1.5 text-xs font-semibold shadow-xs hover:bg-neutral-100 active:bg-neutral-200 dark:border-neutral-700 dark:bg-neutral-800" 17 17 } 18 18 classList={props.classList} 19 19 onClick={props.onClick}
+1 -1
src/components/create.tsx
··· 211 211 </div> 212 212 <div class="flex items-center gap-2"> 213 213 <Show when={!uploading()}> 214 - <div class="dark:hover:bg-dark-200 dark:shadow-dark-800 dark:bg-dark-300 dark:active:bg-dark-100 flex rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 text-xs font-semibold shadow-xs hover:bg-neutral-100 active:bg-neutral-200 dark:border-neutral-700"> 214 + <div class="dark:hover:bg-dark-200 dark:shadow-dark-800 dark:active:bg-dark-100 flex rounded-lg border-[0.5px] border-neutral-300 bg-neutral-50 text-xs font-semibold shadow-xs hover:bg-neutral-100 active:bg-neutral-200 dark:border-neutral-700 dark:bg-neutral-800"> 215 215 <input type="file" id="blob" hidden onChange={() => uploadBlob()} /> 216 216 <label class="flex items-center gap-1 px-2 py-1.5" for="blob"> 217 217 <span class="iconify lucide--upload text-sm"></span>