Skip to content

Add padding to image model picker#7494

Merged
mrubens merged 1 commit intomainfrom
image_model_picker_padding
Aug 28, 2025
Merged

Add padding to image model picker#7494
mrubens merged 1 commit intomainfrom
image_model_picker_padding

Conversation

@mrubens
Copy link
Collaborator

@mrubens mrubens commented Aug 28, 2025

Important

Adds padding to VSCodeOption elements in ImageGenerationSettings.tsx for better spacing in the dropdown.

  • UI Update:
    • Adds py-2 px-3 padding to VSCodeOption elements in ImageGenerationSettings.tsx to improve spacing in the image model picker dropdown.

This description was created by Ellipsis for faf5410. You can customize this summary. It will automatically update as commits are pushed.

@mrubens mrubens requested review from cte and jr as code owners August 28, 2025 14:25
@dosubot dosubot bot added size:XS This PR changes 0-9 lines, ignoring generated files. UI/UX UI/UX related or focused labels Aug 28, 2025
@mrubens mrubens merged commit 6ef9dbd into main Aug 28, 2025
17 checks passed
@mrubens mrubens deleted the image_model_picker_padding branch August 28, 2025 14:27
@github-project-automation github-project-automation bot moved this from New to Done in Roo Code Roadmap Aug 28, 2025
@github-project-automation github-project-automation bot moved this from Triage to Done in Roo Code Roadmap Aug 28, 2025
Copy link
Contributor

@roomote roomote bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you for your contribution! I've reviewed the changes and have a suggestion for improvement regarding consistency with the existing codebase.

className="w-full">
{IMAGE_GENERATION_MODELS.map((model) => (
<VSCodeOption key={model.value} value={model.value}>
<VSCodeOption key={model.value} value={model.value} className="py-2 px-3">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I noticed you're using className="py-2 px-3" for padding here. For consistency with other VSCodeOption components in the codebase, could we consider using className="p-2" instead?

Other files like webview-ui/src/components/settings/providers/Moonshot.tsx, webview-ui/src/components/settings/providers/ZAi.tsx, and webview-ui/src/components/chat/CodeIndexPopover.tsx all use p-2 for their VSCodeOption elements.

Is there a specific reason for the different padding values (py-2 px-3 vs p-2), or would aligning with the existing pattern work for this use case?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

size:XS This PR changes 0-9 lines, ignoring generated files. UI/UX UI/UX related or focused

Projects

No open projects
Archived in project

Development

Successfully merging this pull request may close these issues.

1 participant