+3 -1

src/components/create.tsx

reviewed

··· 279 279 </Modal> 280 280 <Tooltip text={`${props.create ? "Create" : "Edit"} record`}> 281 281 <button 282 282 - class={props.create ? "" : "p-1"} 282 282 + class={ 283 283 + props.create ? "" : "rounded-sm p-1 hover:bg-neutral-100 dark:hover:bg-neutral-600" 284 284 + } 283 285 onclick={() => { 284 286 createModel(); 285 287 setOpenDialog(true);

+11 -4

src/views/record.tsx

reviewed

··· 149 149 <Show when={agent() && agent()?.sub === record()?.uri.split("/")[2]}> 150 150 <RecordEditor create={false} record={record()?.value} /> 151 151 <Tooltip text="Delete"> 152 152 - <button class="p-1" onclick={() => setOpenDelete(true)}> 152 152 + <button 153 153 + class="rounded-sm p-1 hover:bg-neutral-100 dark:hover:bg-neutral-600" 154 154 + onclick={() => setOpenDelete(true)} 155 155 + > 153 156 <div class="i-lucide-trash-2" /> 154 157 </button> 155 158 </Tooltip> ··· 170 173 </Show> 171 174 <Tooltip text="Copy record"> 172 175 <button 173 173 - class="p-1" 176 176 + class="rounded-sm p-1 hover:bg-neutral-100 dark:hover:bg-neutral-600" 174 177 onclick={() => addToClipboard(JSON.stringify(record()?.value, null, 2))} 175 178 > 176 179 <div class="i-lucide-copy" /> ··· 179 182 <Show when={externalLink()}> 180 183 {(externalLink) => ( 181 184 <Tooltip text={`Open on ${externalLink().label}`}> 182 182 - <a class="p-1" target="_blank" href={externalLink()?.link}> 185 185 + <a 186 186 + class="rounded-sm p-1 hover:bg-neutral-100 dark:hover:bg-neutral-600" 187 187 + target="_blank" 188 188 + href={externalLink()?.link} 189 189 + > 183 190 <div class={`${externalLink().icon ?? "i-lucide-app-window"}`} /> 184 191 </a> 185 192 </Tooltip> ··· 187 194 </Show> 188 195 <Tooltip text="Record on PDS"> 189 196 <a 190 190 - class="p-1" 197 197 + class="rounded-sm p-1 hover:bg-neutral-100 dark:hover:bg-neutral-600" 191 198 href={`https://${pds()}/xrpc/com.atproto.repo.getRecord?repo=${params.repo}&collection=${params.collection}&rkey=${params.rkey}`} 192 199 target="_blank" 193 200 >