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.

fix: remove border opacity on toggle (#1011)

Co-authored-by: Luke Warlow <lwarlow@igalia.com>

authored by

Jaydip Sanghani
Luke Warlow and committed by
GitHub 65212b1b 508505ab

+3 -4
+3 -4
app/components/Settings/Toggle.client.vue
··· 21 21 {{ label }} 22 22 </span> 23 23 <span 24 - class="relative inline-flex h-6 w-11 shrink-0 items-center rounded-full border-2 transition-colors duration-200 ease-in-out motion-reduce:transition-none cursor-pointer" 25 - :class="checked ? 'bg-accent border-transparent shadow-sm' : 'bg-bg border border-border/50'" 24 + class="inline-flex items-center h-6 w-11 shrink-0 rounded-full border p-0.25 transition-colors duration-200 shadow-sm ease-in-out motion-reduce:transition-none cursor-pointer" 25 + :class="checked ? 'bg-accent border-accent' : 'bg-fg/50 border-fg/50'" 26 26 aria-hidden="true" 27 27 > 28 28 <span 29 - class="pointer-events-none inline-block h-5 w-5 rounded-full shadow-sm ring-0 transition-transform duration-200 ease-in-out motion-reduce:transition-none" 30 - :class="checked ? 'bg-bg' : 'bg-fg-muted'" 29 + class="block h-5 w-5 rounded-full bg-bg shadow-sm transition-transform duration-200 ease-in-out motion-reduce:transition-none" 31 30 /> 32 31 </span> 33 32 </button>