You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@airflow.apache.org by bb...@apache.org on 2022/04/06 17:26:43 UTC

[airflow] 03/03: Table and Confirm Dialog

This is an automated email from the ASF dual-hosted git repository.

bbovenzi pushed a commit to branch inrcease-grid-font
in repository https://gitbox.apache.org/repos/asf/airflow.git

commit 19f49ca362cee18efc4946e8e9ca4988e18dd8d9
Author: Brent Bovenzi <br...@gmail.com>
AuthorDate: Wed Apr 6 13:19:54 2022 -0400

    Table and Confirm Dialog
---
 airflow/www/static/js/tree/Table.jsx                         |  1 +
 airflow/www/static/js/tree/details/content/ConfirmDialog.jsx | 10 +++++-----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/airflow/www/static/js/tree/Table.jsx b/airflow/www/static/js/tree/Table.jsx
index 06eb84cad4..bc9dee34dc 100644
--- a/airflow/www/static/js/tree/Table.jsx
+++ b/airflow/www/static/js/tree/Table.jsx
@@ -104,6 +104,7 @@ const Table = ({
           <Tr>
             {allColumns.map((column) => (
               <Th
+                fontSize="sm"
                 {...column.getHeaderProps(column.getSortByToggleProps())}
               >
                 {column.render('Header')}
diff --git a/airflow/www/static/js/tree/details/content/ConfirmDialog.jsx b/airflow/www/static/js/tree/details/content/ConfirmDialog.jsx
index 18a7f9c8c5..34917a08a2 100644
--- a/airflow/www/static/js/tree/details/content/ConfirmDialog.jsx
+++ b/airflow/www/static/js/tree/details/content/ConfirmDialog.jsx
@@ -49,20 +49,20 @@ const ConfirmDialog = ({
     >
       <AlertDialogOverlay>
         <AlertDialogContent>
-          <AlertDialogHeader fontSize="3xl" fontWeight="bold">
+          <AlertDialogHeader fontSize="4xl" fontWeight="bold">
             {title}
           </AlertDialogHeader>
 
           <AlertDialogBody>
-            <Text mb={2}>{description}</Text>
-            {body.map((ti) => (<Code key={ti} fontSize="lg">{ti}</Code>))}
+            <Text mb={2} fontSize="2xl">{description}</Text>
+            {body.map((ti) => (<Code key={ti} fontSize="xl">{ti}</Code>))}
           </AlertDialogBody>
 
           <AlertDialogFooter>
-            <Button onClick={onClose}>
+            <Button fontSize="lg" onClick={onClose}>
               Cancel
             </Button>
-            <Button colorScheme="blue" onClick={onConfirm} ml={3} ref={initialFocusRef}>
+            <Button colorScheme="blue" fontSize="lg" onClick={onConfirm} ml={3} ref={initialFocusRef}>
               Confirm
             </Button>
           </AlertDialogFooter>