formatting
This commit is contained in:
parent
bd3edcaae5
commit
ac7eca190a
@ -26,27 +26,24 @@ export const GhostwriterDrawer: React.FC<GhostwriterDrawerProps> = ({
|
||||
const [open, setOpen] = useState(false);
|
||||
|
||||
return (
|
||||
<Sheet
|
||||
open={open}
|
||||
onOpenChange={setOpen}
|
||||
>
|
||||
<Sheet open={open} onOpenChange={setOpen}>
|
||||
<SheetTrigger asChild>
|
||||
<Button
|
||||
size='sm'
|
||||
variant='outline'
|
||||
size="sm"
|
||||
variant="outline"
|
||||
className={cn("h-8 gap-1.5 text-xs", triggerClassName)}
|
||||
disabled={!job}
|
||||
>
|
||||
<PanelRightOpen className='h-3.5 w-3.5' />
|
||||
<PanelRightOpen className="h-3.5 w-3.5" />
|
||||
Ghostwriter
|
||||
</Button>
|
||||
</SheetTrigger>
|
||||
|
||||
<SheetContent
|
||||
side='right'
|
||||
className='flex w-full flex-col p-0 sm:max-w-none lg:w-[50vw] xl:w-[40vw] 2xl:w-[30vw]'
|
||||
side="right"
|
||||
className="flex w-full flex-col p-0 sm:max-w-none lg:w-[50vw] xl:w-[40vw] 2xl:w-[30vw]"
|
||||
>
|
||||
<div className='border-b border-border/50 p-4'>
|
||||
<div className="border-b border-border/50 p-4">
|
||||
<SheetHeader>
|
||||
<SheetTitle>Ghostwriter</SheetTitle>
|
||||
<SheetDescription>
|
||||
@ -56,7 +53,7 @@ export const GhostwriterDrawer: React.FC<GhostwriterDrawerProps> = ({
|
||||
</div>
|
||||
|
||||
{job && (
|
||||
<div className='flex min-h-0 flex-1 p-4 pt-0'>
|
||||
<div className="flex min-h-0 flex-1 p-4 pt-0">
|
||||
<GhostwriterPanel job={job} />
|
||||
</div>
|
||||
)}
|
||||
|
||||
@ -236,20 +236,20 @@ export const GhostwriterPanel: React.FC<GhostwriterPanelProps> = ({ job }) => {
|
||||
}, [isStreaming, job.id, loadMessages, messages, onStreamEvent]);
|
||||
|
||||
return (
|
||||
<div className='flex h-full min-h-0 flex-1 flex-col'>
|
||||
<div className="flex h-full min-h-0 flex-1 flex-col">
|
||||
<div
|
||||
ref={messageListRef}
|
||||
className='min-h-0 flex-1 overflow-y-auto border-b border-border/50 pb-3 pr-1'
|
||||
className="min-h-0 flex-1 overflow-y-auto border-b border-border/50 pb-3 pr-1"
|
||||
>
|
||||
{messages.length === 0 && !isLoading ? (
|
||||
<div className='flex h-full min-h-[260px] justify-center px-3 flex-col text-left'>
|
||||
<h4 className='font-medium'>
|
||||
<div className="flex h-full min-h-[260px] justify-center px-3 flex-col text-left">
|
||||
<h4 className="font-medium">
|
||||
{job.title} at {job.employer}
|
||||
</h4>
|
||||
<p className='mt-2 text-sm leading-relaxed text-muted-foreground'>
|
||||
Ghostwriter already has this job description, your resume and your writing style preferences. Ask for
|
||||
tailored response drafts, or concise role-fit
|
||||
talking points.
|
||||
<p className="mt-2 text-sm leading-relaxed text-muted-foreground">
|
||||
Ghostwriter already has this job description, your resume and your
|
||||
writing style preferences. Ask for tailored response drafts, or
|
||||
concise role-fit talking points.
|
||||
</p>
|
||||
</div>
|
||||
) : (
|
||||
@ -261,7 +261,7 @@ export const GhostwriterPanel: React.FC<GhostwriterPanelProps> = ({ job }) => {
|
||||
)}
|
||||
</div>
|
||||
|
||||
<div className='mt-4'>
|
||||
<div className="mt-4">
|
||||
<Composer
|
||||
disabled={isLoading || isStreaming}
|
||||
isStreaming={isStreaming}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user