increase radius of badges

konfig-dev · Oct 10, 2023 · 03af7c2 · 03af7c2
1 parent 020c111
commit 03af7c2
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 8 deletions.
diff --git a/generator/konfig-next-app/src/components/HttpMethodBadge.tsx b/generator/konfig-next-app/src/components/HttpMethodBadge.tsx
@@ -1,14 +1,8 @@
-import {
-  Badge,
-  MantineColor,
-  MantineSize,
-  useMantineTheme,
-} from '@mantine/core'
+import { Badge, MantineColor } from '@mantine/core'
 import type { HttpMethods } from 'konfig-lib'
 import { HttpMethodsEnum } from 'konfig-lib/dist/forEachOperation'
 
 export function HttpMethodBadge({ httpMethod }: { httpMethod: HttpMethods }) {
-  const theme = useMantineTheme()
   return <Badge color={httpMethodColor(httpMethod)}>{httpMethod}</Badge>
 }
 

diff --git a/generator/konfig-next-app/src/components/OperationParameter.tsx b/generator/konfig-next-app/src/components/OperationParameter.tsx
@@ -63,6 +63,7 @@ export function OperationParameter({
                     theme.colorScheme === 'dark'
                       ? theme.colors.gray[9]
                       : theme.colors.gray[0],
+                  borderRadius: theme.radius.md,
                   border: `1px solid ${
                     theme.colorScheme === 'dark'
                       ? theme.colors.gray[8]

diff --git a/generator/konfig-next-app/src/pages/_app.tsx b/generator/konfig-next-app/src/pages/_app.tsx
@@ -74,7 +74,7 @@ function App(props: AppProps) {
               Badge: {
                 styles: (theme) => ({
                   root: {
-                    borderRadius: theme.radius.xs,
+                    borderRadius: theme.radius.md,
                   },
                 }),
                 defaultProps: (theme) => ({