davidwindham.com / npmx.dev
forked from npmx.dev/npmx.dev
[READ-ONLY] a fast, modern browser for the npm registry
0
fork

Configure Feed

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

style: use logical properties (#917)

Co-authored-by: Daniel Roe <daniel@roe.dev>

authored by

abeer0
Daniel Roe and committed by
GitHub f3eaedca ac1171a8

+3 -3
+1 -1
app/components/OgImage/Default.vue
··· 74 74 </div> 75 75 76 76 <div 77 - class="absolute -top-32 -right-32 w-[550px] h-[550px] rounded-full blur-3xl" 77 + class="absolute -top-32 -inset-ie-32 w-[550px] h-[550px] rounded-full blur-3xl" 78 78 :style="{ backgroundColor: props.primaryColor + '10' }" 79 79 /> 80 80 </div>
+1 -1
app/components/OgImage/Package.vue
··· 116 116 </div> 117 117 118 118 <div 119 - class="absolute -top-32 -right-32 w-[550px] h-[550px] rounded-full blur-3xl" 119 + class="absolute -top-32 -inset-ie-32 w-[550px] h-[550px] rounded-full blur-3xl" 120 120 :style="{ backgroundColor: primaryColor + '10' }" 121 121 /> 122 122 </div>
+1 -1
app/pages/package/[...package].vue
··· 491 491 <button 492 492 type="button" 493 493 @click="copyPkgName()" 494 - class="copy-button absolute z-20 left-0 top-full inline-flex items-center gap-1 px-2 py-1 rounded border text-xs font-mono whitespace-nowrap transition-all duration-150 opacity-0 -translate-y-1 pointer-events-none group-hover:opacity-100 group-hover:translate-y-0 group-hover:pointer-events-auto focus-visible:opacity-100 focus-visible:translate-y-0 focus-visible:pointer-events-auto" 494 + class="copy-button absolute z-20 inset-is-0 top-full inline-flex items-center gap-1 px-2 py-1 rounded border text-xs font-mono whitespace-nowrap transition-all duration-150 opacity-0 -translate-y-1 pointer-events-none group-hover:opacity-100 group-hover:translate-y-0 group-hover:pointer-events-auto focus-visible:opacity-100 focus-visible:translate-y-0 focus-visible:pointer-events-auto" 495 495 :class=" 496 496 copiedPkgName ? 'text-accent bg-accent/10' : 'text-fg-muted bg-bg border-border' 497 497 "