minor border radius nit fixes

This commit is contained in:
Ashley Harrison 2025-10-07 13:07:26 +01:00
parent 488eafe02e
commit bcddc86a4a
No known key found for this signature in database
GPG Key ID: FFB870B48A9457E0
3 changed files with 5 additions and 3 deletions

View File

@ -81,6 +81,7 @@ const getStyles = (theme: GrafanaTheme2) => {
cursor: 'pointer', cursor: 'pointer',
color: theme.colors.text.primary, color: theme.colors.text.primary,
background: theme.components.input.background, background: theme.components.input.background,
borderRadius: theme.shape.radius.default,
padding: '3px', padding: '3px',
height: theme.v1.spacing.formInputHeight, height: theme.v1.spacing.formInputHeight,
border: `1px solid ${theme.components.input.borderColor}`, border: `1px solid ${theme.components.input.borderColor}`,

View File

@ -82,6 +82,7 @@ const getStyles = (theme: GrafanaTheme2) => ({
flexWrap: 'wrap', flexWrap: 'wrap',
alignItems: 'center', alignItems: 'center',
justifyContent: 'space-between', justifyContent: 'space-between',
borderRadius: theme.shape.radius.default,
padding: theme.spacing(1), padding: theme.spacing(1),
backgroundColor: theme.colors.background.secondary, backgroundColor: theme.colors.background.secondary,
width: '100%', width: '100%',

View File

@ -63,7 +63,7 @@ const DashboardEmpty = ({ dashboard, canCreate }: Props) => {
<Stack alignItems="center" justifyContent="center"> <Stack alignItems="center" justifyContent="center">
<div className={styles.wrapper}> <div className={styles.wrapper}>
<Stack alignItems="stretch" justifyContent="center" gap={4} direction="column"> <Stack alignItems="stretch" justifyContent="center" gap={4} direction="column">
<Box borderColor="strong" borderStyle="dashed" padding={4}> <Box borderRadius="lg" borderColor="strong" borderStyle="dashed" padding={4}>
<Stack direction="column" alignItems="center" gap={2}> <Stack direction="column" alignItems="center" gap={2}>
<Text element="h1" textAlignment="center" weight="medium"> <Text element="h1" textAlignment="center" weight="medium">
<Trans i18nKey="dashboard.empty.add-visualization-header"> <Trans i18nKey="dashboard.empty.add-visualization-header">
@ -90,7 +90,7 @@ const DashboardEmpty = ({ dashboard, canCreate }: Props) => {
</Stack> </Stack>
</Box> </Box>
<Stack direction={{ xs: 'column', md: 'row' }} wrap="wrap" gap={4}> <Stack direction={{ xs: 'column', md: 'row' }} wrap="wrap" gap={4}>
<Box borderColor="strong" borderStyle="dashed" padding={3} flex={1}> <Box borderRadius="lg" borderColor="strong" borderStyle="dashed" padding={3} flex={1}>
<Stack direction="column" alignItems="center" gap={1}> <Stack direction="column" alignItems="center" gap={1}>
<Text element="h3" textAlignment="center" weight="medium"> <Text element="h3" textAlignment="center" weight="medium">
<Trans i18nKey="dashboard.empty.add-library-panel-header">Import panel</Trans> <Trans i18nKey="dashboard.empty.add-library-panel-header">Import panel</Trans>
@ -113,7 +113,7 @@ const DashboardEmpty = ({ dashboard, canCreate }: Props) => {
</Button> </Button>
</Stack> </Stack>
</Box> </Box>
<Box borderColor="strong" borderStyle="dashed" padding={3} flex={1}> <Box borderRadius="lg" borderColor="strong" borderStyle="dashed" padding={3} flex={1}>
<Stack direction="column" alignItems="center" gap={1}> <Stack direction="column" alignItems="center" gap={1}>
<Text element="h3" textAlignment="center" weight="medium"> <Text element="h3" textAlignment="center" weight="medium">
<Trans i18nKey="dashboard.empty.import-a-dashboard-header">Import a dashboard</Trans> <Trans i18nKey="dashboard.empty.import-a-dashboard-header">Import a dashboard</Trans>