-
Notifications
You must be signed in to change notification settings - Fork 672
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
fix: presets-demo and select-field styles #2045
Conversation
This pull request is being automatically deployed with Vercel (learn more). 🔍 Inspect: https://vercel.com/systemui/theme-ui/ETFhTeQePa6D7R8B1aCBGFADWahS |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thank you for the contribution! Looks great.
@@ -46,7 +46,7 @@ export default function PresetsDemo() { | |||
<span>Preset:</span> | |||
<Select | |||
id="theme" | |||
sx={{ display: 'inline-flex' }} | |||
sx={{ display: 'inline-flex', paddingRight: 24 }} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@lachlanjc , I've added the style to the core Select
component : chore: update style for core Select component
@@ -16,7 +15,8 @@ import Lorem from './lorem.mdx' | |||
|
|||
export default function PresetsDemo() { | |||
const [theme, setTheme] = useState('base') | |||
const preset = presets[theme] | |||
const preset = presets[theme] | |||
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Fixes:
bootstrap
in the field for selecting presets.