fix css

apache · Nov 4, 2024 · a9104d6 · a9104d6
1 parent dbdb865
commit a9104d6
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 18 deletions.
diff --git a/airflow/ui/src/components/TriggerDag/TriggerDAGForm.tsx b/airflow/ui/src/components/TriggerDag/TriggerDAGForm.tsx
@@ -117,8 +117,9 @@ const TriggerDAGForm: React.FC<TriggerDAGFormProps> = ({
     <>
       <Dialog.CloseTrigger />
 
-      <VStack align="stretch" gap={2} p={5}>
+      <VStack align="stretch" gap={2}>
         <Button
+          mb={9}
           onClick={() => setShowDetails(!showDetails)}
           variant="outline"
           width="full"
@@ -129,7 +130,7 @@ const TriggerDAGForm: React.FC<TriggerDAGFormProps> = ({
         {showDetails ? (
           <VStack align="stretch" gap={3}>
             <Box>
-              <Text fontSize="sm" mb={1}>
+              <Text fontSize="md" mb={2}>
                 Logical date
               </Text>
               <Controller
@@ -147,7 +148,7 @@ const TriggerDAGForm: React.FC<TriggerDAGFormProps> = ({
             </Box>
 
             <Box>
-              <Text fontSize="sm" mb={1}>
+              <Text fontSize="md" mb={2}>
                 Run ID (Optional)
               </Text>
               <Controller
@@ -163,8 +164,8 @@ const TriggerDAGForm: React.FC<TriggerDAGFormProps> = ({
               />
             </Box>
 
-            <Box>
-              <Text fontSize="sm" mb={1}>
+            <Box mb={9}>
+              <Text fontSize="md" mb={2}>
                 Configuration JSON
               </Text>
               <Controller
@@ -199,13 +200,7 @@ const TriggerDAGForm: React.FC<TriggerDAGFormProps> = ({
         ) : undefined}
       </VStack>
 
-      <Box
-        as="footer"
-        borderTopWidth="1px"
-        display="flex"
-        justifyContent="flex-end"
-        p={4}
-      >
+      <Box as="footer" display="flex" justifyContent="flex-end">
         <HStack w="full">
           {hasFormChanged() && (
             <Button colorScheme="red" onClick={handleReset}>

diff --git a/airflow/ui/src/components/TriggerDag/TriggerDAGModal.tsx b/airflow/ui/src/components/TriggerDag/TriggerDAGModal.tsx
@@ -63,13 +63,11 @@ const TriggerDAGModal: React.FC<TriggerDAGModalProps> = ({
       <Dialog.Root onOpenChange={onClose} open={open} size="xl">
         <Dialog.Content backdrop>
           <Dialog.Header>
-            <VStack align="start" gap={2} p={5}>
-              <Heading size="md">Trigger DAG</Heading>
+            <VStack align="start" gap={2}>
+              <Heading size="xl">Trigger DAG</Heading>
 
-              <Heading mb={1} size="sm">
-                {dagDisplayName}
-              </Heading>
-              <Text color="gray.500" fontSize="xs">
+              <Heading size="md">{dagDisplayName}</Heading>
+              <Text color="gray.500" fontSize="sm">
                 DAG ID: {dagId}
               </Text>
             </VStack>