fix some styles

konfig-dev · Oct 26, 2023 · 7a1c6b2 · 7a1c6b2
1 parent 42e3141
commit 7a1c6b2
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/generator/konfig-next-app/src/components/OperationForm.tsx b/generator/konfig-next-app/src/components/OperationForm.tsx
@@ -103,9 +103,9 @@ function ParameterGroup({
   return (
     parameters.length > 0 && (
       <Box>
-        <Title mb="xl" order={6}>
+        <div className="text-xs text-mantine-gray-600 mb-6 font-semibold">
           {title}
-        </Title>
+        </div>
         <Stack spacing="xl">
           {parameters.map((param, i) => (
             <Box

diff --git a/generator/konfig-next-app/src/components/OperationRequest.tsx b/generator/konfig-next-app/src/components/OperationRequest.tsx
@@ -27,6 +27,7 @@ export function OperationRequest({
   codegenArgs: CodeGeneratorConstructorArgs
   requestInProgress: boolean
 }) {
+  const { colorScheme } = useMantineTheme()
   return (
     <div className="border rounded-xl border-mantine-gray-400 dark:border-mantine-gray-800">
       <Tab.Group>
@@ -67,7 +68,7 @@ export function OperationRequest({
         </Tab.Panels>
         <div className="border-t dark:border-t-mantine-gray-900 py-4">
           <Button
-            variant="light"
+            variant={colorScheme === 'dark' ? 'light' : 'filled'}
             className="ml-auto block mx-4 rounded-md"
             type="submit"
             loading={requestInProgress}