github/InvokeAI
1
1
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI.git synced 2026-04-23 03:00:31 -04:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): use existing design language for install model bundle buttons

Browse Source
This commit is contained in:
psychedelicious
2025-06-27 12:17:47 +10:00
parent c090ea7387
commit 05167dfd7a
1 changed files with 6 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/LaunchpadForm/LaunchpadForm.tsx
View File

@@ -165,53 +165,14 @@ export const LaunchpadForm = memo(() => {
{t('modelManager.launchpad.bundleDescription')} {t('modelManager.launchpad.bundleDescription')}
</Text> </Text>
<Grid templateColumns="repeat(auto-fit, minmax(180px, 1fr))" gap={2}> <Grid templateColumns="repeat(auto-fit, minmax(180px, 1fr))" gap={2}>
<Button <Button onClick={handleSD15BundleClick} variant="outline" p={6}>
onClick={handleSD15BundleClick} {t('modelManager.launchpad.stableDiffusion15')}
variant="outline"
h="auto"
minH={10}
p={3}
textAlign="center"
justifyContent="center"
alignItems="center"
borderRadius="lg"
whiteSpace="normal"
>
<Text fontSize="sm" fontWeight="bold" noOfLines={1}>
{t('modelManager.launchpad.stableDiffusion15')}
</Text>
</Button> </Button>
<Button <Button onClick={handleSDXLBundleClick} variant="outline" p={6}>
onClick={handleSDXLBundleClick} {t('modelManager.launchpad.sdxl')}
variant="outline"
h="auto"
minH={10}
p={3}
textAlign="center"
justifyContent="center"
alignItems="center"
borderRadius="lg"
whiteSpace="normal"
>
<Text fontSize="sm" fontWeight="bold" noOfLines={1}>
{t('modelManager.launchpad.sdxl')}
</Text>
</Button> </Button>
<Button <Button onClick={handleFluxBundleClick} variant="outline" p={6}>
onClick={handleFluxBundleClick} {t('modelManager.launchpad.fluxDev')}
variant="outline"
h="auto"
minH={10}
p={3}
textAlign="center"
justifyContent="center"
alignItems="center"
borderRadius="lg"
whiteSpace="normal"
>
<Text fontSize="sm" fontWeight="bold" noOfLines={1}>
{t('modelManager.launchpad.fluxDev')}
</Text>
</Button> </Button>
</Grid> </Grid>
</Box> </Box>