Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2025-11-10 04:22:27 +10:00
Code Issues Packages Projects Releases Wiki Activity

fix(rich-input.tsx): replace default scrollbar with themed scrollbar in Summary Editor, fixed #2420

Browse Source
This commit is contained in:
LinuxKunaL
2025-10-17 01:22:42 +05:30
parent 4efdabd475
commit fd7b5e0dd4
1 changed files with 14 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
libs/ui/src/components/rich-input.tsx
View File

@ -47,6 +47,7 @@ import { Popover, PopoverContent } from "./popover";
import { Skeleton } from "./skeleton";
import { Toggle } from "./toggle";
import { Tooltip } from "./tooltip";
import { ScrollArea } from "./scroll-area";
const InsertImageFormSchema = z.object({
src: z.string(),
@ -474,7 +475,7 @@ export const RichInput = forwardRef<Editor, RichInputProps>(
editorProps: {
attributes: {
class: cn(
"prose prose-sm prose-zinc max-h-[200px] max-w-none overflow-y-scroll dark:prose-invert focus:outline-none [&_*]:my-2",
"prose prose-sm prose-zinc max-h-[200px] max-w-none dark:prose-invert focus:outline-none [&_*]:my-2",
editorClassName,
),
},
@ -497,15 +498,17 @@ export const RichInput = forwardRef<Editor, RichInputProps>(
<div>
{!hideToolbar && <Toolbar editor={editor} />}
<EditorContent
editor={editor}
className={cn(
"grid min-h-[160px] w-full rounded-sm border bg-transparent px-3 py-2 text-sm placeholder:opacity-80 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary disabled:cursor-not-allowed disabled:opacity-50",
hideToolbar && "pt-2",
className,
)}
{...props}
/>
<ScrollArea orientation="vertical" className="rounded-sm border px-3 py-2">
<EditorContent
editor={editor}
className={cn(
"grid min-h-[160px] w-full bg-transparent text-sm placeholder:opacity-80 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary disabled:cursor-not-allowed disabled:opacity-50",
hideToolbar && "pt-2",
className,
)}
{...props}
/>
</ScrollArea>
{footer?.(editor)}
</div>