refactor Select component to use settings variant for settings modal styling
This commit is contained in:
parent
575cc59b37
commit
7be6671e6e
5 changed files with 92 additions and 47 deletions
|
|
@ -1583,7 +1583,6 @@ export const PromptInput: Component<PromptInputProps> = (props) => {
|
|||
onSelect={local.agent.set}
|
||||
class="capitalize"
|
||||
variant="ghost"
|
||||
triggerVariant="button"
|
||||
/>
|
||||
</TooltipKeybind>
|
||||
<Show
|
||||
|
|
|
|||
|
|
@ -69,6 +69,7 @@ export const SettingsGeneral: Component = () => {
|
|||
}}
|
||||
variant="secondary"
|
||||
size="small"
|
||||
triggerVariant="settings"
|
||||
/>
|
||||
</SettingsRow>
|
||||
|
||||
|
|
@ -99,6 +100,7 @@ export const SettingsGeneral: Component = () => {
|
|||
}}
|
||||
variant="secondary"
|
||||
size="small"
|
||||
triggerVariant="settings"
|
||||
/>
|
||||
</SettingsRow>
|
||||
|
||||
|
|
@ -111,6 +113,7 @@ export const SettingsGeneral: Component = () => {
|
|||
onSelect={(option) => option && settings.appearance.setFont(option.value)}
|
||||
variant="secondary"
|
||||
size="small"
|
||||
triggerVariant="settings"
|
||||
triggerStyle={{ "font-family": monoFontFamily(settings.appearance.font()), "min-width": "180px" }}
|
||||
>
|
||||
{(option) => <span style={{ "font-family": monoFontFamily(option?.value) }}>{option?.label}</span>}
|
||||
|
|
@ -172,6 +175,7 @@ export const SettingsGeneral: Component = () => {
|
|||
}}
|
||||
variant="secondary"
|
||||
size="small"
|
||||
triggerVariant="settings"
|
||||
/>
|
||||
</SettingsRow>
|
||||
|
||||
|
|
@ -192,6 +196,7 @@ export const SettingsGeneral: Component = () => {
|
|||
}}
|
||||
variant="secondary"
|
||||
size="small"
|
||||
triggerVariant="settings"
|
||||
/>
|
||||
</SettingsRow>
|
||||
|
||||
|
|
@ -212,6 +217,7 @@ export const SettingsGeneral: Component = () => {
|
|||
}}
|
||||
variant="secondary"
|
||||
size="small"
|
||||
triggerVariant="settings"
|
||||
/>
|
||||
</SettingsRow>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -129,6 +129,7 @@ export const SettingsPermissions: Component = () => {
|
|||
onSelect={(option) => option && setPermission(item.id, option.value)}
|
||||
variant="secondary"
|
||||
size="small"
|
||||
triggerVariant="settings"
|
||||
/>
|
||||
</SettingsRow>
|
||||
)}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue