scriptoriumadmin/Roo-Code
1
0
Fork 0
mirror of https://github.com/RooVetGit/Roo-Code.git synced 2026-08-28 05:27:24 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Adjust styling

Browse source
This commit is contained in:
Saoud Rizwan 2025-02-17 19:50:35 -08:00
parent 8927879d93
commit 24d3bfbccb
2 changed files with 10 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
webview-ui/src/components/mcp/marketplace/McpMarketplaceCard.tsx
View file

@ -56,14 +56,14 @@ const McpMarketplaceCard = ({ item, installedServers }: McpMarketplaceCardProps)
})
}}
style={{
padding: "16px 20px",
padding: "14px 16px",
display: "flex",
flexDirection: "column",
gap: 16,
gap: 12,
cursor: isLoading ? "wait" : "pointer",
}}>
{/* Main container with logo and content */}
<div style={{ display: "flex", gap: "16px" }}>
<div style={{ display: "flex", gap: "12px" }}>
{/* Logo */}
{item.logoUrl && (
<img
@ -130,6 +130,7 @@ const McpMarketplaceCard = ({ item, installedServers }: McpMarketplaceCardProps)
color: "var(--vscode-descriptionForeground)",
flexWrap: "wrap",
minWidth: 0,
rowGap: 0, // Add this to remove vertical gap
}}>
<a
href={item.githubUrl}
@ -197,7 +198,7 @@ const McpMarketplaceCard = ({ item, installedServers }: McpMarketplaceCardProps)
</div>
{/* Description and tags */}
<div style={{ display: "flex", flexDirection: "column", gap: 16 }}>
<div style={{ display: "flex", flexDirection: "column", gap: 12 }}>
<p style={{ fontSize: "13px", margin: 0 }}>{item.description}</p>
<div
style={{

7
webview-ui/src/components/mcp/marketplace/McpMarketplaceView.tsx
View file

@ -182,17 +182,20 @@ const McpMarketplaceView = () => {
color: "var(--vscode-descriptionForeground)",
textTransform: "uppercase",
fontWeight: 500,
flexShrink: 0,
}}>
Filter:
</span>
<div
style={{
// transform: "scale(0.9)",
// transformOrigin: "left center",
position: "relative",
zIndex: 2,
flex: 1,
}}>
<VSCodeDropdown
style={{
width: "100%",
}}
value={selectedCategory || ""}
onChange={(e) => setSelectedCategory((e.target as HTMLSelectElement).value || null)}>
<VSCodeOption value="">All Categories</VSCodeOption>