zoushiyang/page-agent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: update text sizes and spacing in components

Browse Source
This commit is contained in:
Simon
2026-01-21 02:22:12 +08:00
parent 969c00b2d1
commit 5402cdecc2
2 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/extension/src/entrypoints/sidepanel/App.tsx
View File

@@ -149,7 +149,7 @@ export default function App() {
{/* Input */} {/* Input */}
<div className="border-t p-3"> <div className="border-t p-3">
<InputGroup className="relative"> <InputGroup className="relative rounded-lg">
<InputGroupTextarea <InputGroupTextarea
ref={textareaRef} ref={textareaRef}
placeholder="Describe your task... (Enter to send)" placeholder="Describe your task... (Enter to send)"
@@ -157,10 +157,10 @@ export default function App() {
onChange={(e) => setTask(e.target.value)} onChange={(e) => setTask(e.target.value)}
onKeyDown={handleKeyDown} onKeyDown={handleKeyDown}
disabled={isRunning} disabled={isRunning}
rows={2} // rows={2}
className="text-xs pr-12 min-h-[60px]" className="text-xs pr-12 min-h-10"
/> />
<InputGroupAddon align="inline-end" className="absolute bottom-2 right-2"> <InputGroupAddon align="inline-end" className="absolute bottom-0 right-0">
{isRunning ? ( {isRunning ? (
<InputGroupButton <InputGroupButton
size="icon-sm" size="icon-sm"

10
packages/extension/src/entrypoints/sidepanel/components/cards/index.tsx
View File

@@ -48,7 +48,7 @@ function ResultCard({
Result: {success ? 'Success' : 'Failed'} Result: {success ? 'Success' : 'Failed'}
</span> </span>
</div> </div>
<p className="text-xs text-muted-foreground pl-5 whitespace-pre-wrap">{text}</p> <p className="text-xs text-[11px] text-muted-foreground pl-5 whitespace-pre-wrap">{text}</p>
{children} {children}
</div> </div>
) )
@@ -63,7 +63,7 @@ function ReflectionItem({ icon, value }: { icon: string; value: string }) {
<span className="text-xs">{icon}</span> <span className="text-xs">{icon}</span>
<span <span
className={cn( className={cn(
'text-xs text-muted-foreground cursor-pointer hover:text-muted-foreground/80', 'text-[11px] text-muted-foreground cursor-pointer hover:text-muted-foreground/70',
!expanded && 'line-clamp-2' !expanded && 'line-clamp-2'
)} )}
onClick={() => setExpanded(!expanded)} onClick={() => setExpanded(!expanded)}
@@ -180,11 +180,11 @@ export function EventCard({ event }: { event: HistoricalEvent }) {
<div className="flex-1 min-w-0"> <div className="flex-1 min-w-0">
<p className="text-xs text-foreground/80 mb-0.5"> <p className="text-xs text-foreground/80 mb-0.5">
<span className="font-medium">{event.action.name}</span> <span className="font-medium">{event.action.name}</span>
<span className="text-muted-foreground ml-1.5"> <span className="text-muted-foreground/70 ml-1.5">
{JSON.stringify(event.action.input)} {JSON.stringify(event.action.input)}
</span> </span>
</p> </p>
<p className="text-[11px] text-muted-foreground/70">→ {event.action.output}</p> <p className="text-[11px] text-muted-foreground/70">└ {event.action.output}</p>
</div> </div>
</div> </div>
</div> </div>
@@ -204,7 +204,7 @@ export function EventCard({ event }: { event: HistoricalEvent }) {
</div> </div>
<div className="flex items-start gap-2"> <div className="flex items-start gap-2">
<Eye className="size-3.5 text-green-500 shrink-0 mt-0.5" /> <Eye className="size-3.5 text-green-500 shrink-0 mt-0.5" />
<span className="text-xs text-muted-foreground">{event.content}</span> <span className="text-[11px] text-muted-foreground">{event.content}</span>
</div> </div>
</div> </div>
) )