strtus/Vercel
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refine cmd-k styles for safari

Browse Source
This commit is contained in:
Sam Becker 2025-04-30 19:45:19 -05:00
parent e8009ff7fa
commit 31a722db26
2 changed files with 5 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/cmdk/CommandKClient.tsx
View File

@ -167,7 +167,6 @@ export default function CommandKClient({
const { styleMask, updateMask } = useMaskedScroll({
ref: refScroll,
updateMaskOnEvents: false,
fadeSize: 50,
});
// Manage action/path waiting state
@ -587,15 +586,11 @@ export default function CommandKClient({
<Command.List
ref={refScroll}
onScroll={updateMask}
className={clsx(
'overflow-y-auto',
'mx-3 pt-2 pb-3.5',
'[&>*>*>*]:mt-2.5',
)}
className="overflow-y-auto"
style={{ ...styleMask, maxHeight }}
>
<div className="-mt-2.5">
<Command.Empty className="mt-1 pl-3 text-dim pb-1">
<div className="px-3 pt-2 pb-3.5">
<Command.Empty className="mt-1 pl-3 text-dim text-base pb-0.5">
{isLoading ? 'Searching ...' : 'No results found'}
</Command.Empty>
{queriedSections

4
src/components/useMaskedScroll.ts
View File

@ -77,13 +77,13 @@ export default function useMaskedScroll({
window.CSS.registerProperty({
name: CSS_VAR_MASK_COLOR_START,
syntax: '<color>',
initialValue: 'rgba(0, 0, 0, 0)',
initialValue: 'rgba(0, 0, 0, 1)',
inherits: false,
});
window.CSS.registerProperty({
name: CSS_VAR_MASK_COLOR_END,
syntax: '<color>',
initialValue: 'rgba(0, 0, 0, 0)',
initialValue: 'rgba(0, 0, 0, 1)',
inherits: false,
});
} catch {}