tiennm99/ccs
1
0
Fork 0
mirror of https://github.com/tiennm99/ccs.git synced 2026-07-16 22:16:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(cursor-ui): restore info card order and list scrolling

Browse Source 
- move Cursor info metadata card above available models

- add min-h-0/flex containment to preserve scroll behavior

- fix clipped content in cursor config dashboard layout
This commit is contained in:
Tam Nhu Tran
2026-02-14 17:48:18 +07:00
parent 4f086aa34a
commit decdffea61
1 changed files with 25 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ui/src/pages/cursor.tsx
+25 -25
View File
@@ -766,8 +766,8 @@ export function CursorPage() {
</div> </div>
</div> </div>
<div className="flex-1 min-w-0 bg-background overflow-hidden"> <div className="flex-1 flex flex-col min-w-0 bg-background overflow-hidden">
<div className="flex-1 flex flex-col overflow-hidden"> <div className="flex-1 min-h-0 flex flex-col overflow-hidden">
<div className="px-6 py-4 border-b bg-background flex items-center justify-between shrink-0"> <div className="px-6 py-4 border-b bg-background flex items-center justify-between shrink-0">
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<div> <div>
@@ -823,8 +823,8 @@ export function CursorPage() {
</div> </div>
</div> </div>
<div className="flex-1 flex divide-x overflow-hidden"> <div className="flex-1 min-h-0 flex divide-x overflow-hidden">
<div className="w-[540px] shrink-0 flex flex-col overflow-hidden bg-muted/5"> <div className="w-[540px] shrink-0 flex flex-col min-h-0 overflow-hidden bg-muted/5">
<Tabs defaultValue="config" className="h-full flex flex-col"> <Tabs defaultValue="config" className="h-full flex flex-col">
<div className="px-4 pt-4 shrink-0"> <div className="px-4 pt-4 shrink-0">
<TabsList className="w-full"> <TabsList className="w-full">
@@ -840,7 +840,7 @@ export function CursorPage() {
</TabsList> </TabsList>
</div> </div>
<div className="flex-1 overflow-hidden flex flex-col"> <div className="flex-1 min-h-0 overflow-hidden flex flex-col">
<TabsContent <TabsContent
value="config" value="config"
className="flex-1 mt-0 border-0 p-0 data-[state=inactive]:hidden flex flex-col overflow-hidden" className="flex-1 mt-0 border-0 p-0 data-[state=inactive]:hidden flex flex-col overflow-hidden"
@@ -1017,10 +1017,28 @@ export function CursorPage() {
<TabsContent <TabsContent
value="info" value="info"
className="h-full mt-0 border-0 p-0 data-[state=inactive]:hidden" className="flex-1 mt-0 border-0 p-0 data-[state=inactive]:hidden flex flex-col overflow-hidden"
> >
<ScrollArea className="h-full"> <ScrollArea className="flex-1">
<div className="p-4 space-y-6"> <div className="p-4 space-y-6">
<div className="space-y-3 bg-card rounded-lg border p-4 shadow-sm">
<div className="grid grid-cols-[100px_1fr] gap-2 text-sm items-center">
<span className="font-medium text-muted-foreground">Provider</span>
<span className="font-mono">Cursor IDE</span>
</div>
<div className="grid grid-cols-[100px_1fr] gap-2 text-sm items-center">
<span className="font-medium text-muted-foreground">File Path</span>
<code className="bg-muted px-1.5 py-0.5 rounded text-xs break-all">
{rawSettings?.path ?? '~/.ccs/cursor.settings.json'}
</code>
</div>
<p className="text-xs text-muted-foreground">
Model mapping writes `ANTHROPIC_MODEL`,
`ANTHROPIC_DEFAULT_OPUS_MODEL`, `ANTHROPIC_DEFAULT_SONNET_MODEL`, and
`ANTHROPIC_DEFAULT_HAIKU_MODEL` in `cursor.settings.json`.
</p>
</div>
<div> <div>
<h3 className="text-sm font-medium mb-3">Available Models</h3> <h3 className="text-sm font-medium mb-3">Available Models</h3>
{modelsLoading ? ( {modelsLoading ? (
@@ -1051,24 +1069,6 @@ export function CursorPage() {
</div> </div>
)} )}
</div> </div>
<div className="space-y-3 bg-card rounded-lg border p-4 shadow-sm">
<div className="grid grid-cols-[100px_1fr] gap-2 text-sm items-center">
<span className="font-medium text-muted-foreground">Provider</span>
<span className="font-mono">Cursor IDE</span>
</div>
<div className="grid grid-cols-[100px_1fr] gap-2 text-sm items-center">
<span className="font-medium text-muted-foreground">File Path</span>
<code className="bg-muted px-1.5 py-0.5 rounded text-xs break-all">
{rawSettings?.path ?? '~/.ccs/cursor.settings.json'}
</code>
</div>
<p className="text-xs text-muted-foreground">
Model mapping writes `ANTHROPIC_MODEL`,
`ANTHROPIC_DEFAULT_OPUS_MODEL`, `ANTHROPIC_DEFAULT_SONNET_MODEL`, and
`ANTHROPIC_DEFAULT_HAIKU_MODEL` in `cursor.settings.json`.
</p>
</div>
</div> </div>
</ScrollArea> </ScrollArea>
</TabsContent> </TabsContent>