You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@airflow.apache.org by ka...@apache.org on 2025/09/15 19:15:38 UTC

(airflow) 06/13: feat: refine ui of asset events (#55652)

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

kaxilnaik pushed a commit to branch v3-1-test
in repository https://gitbox.apache.org/repos/asf/airflow.git

commit 422413f6c49788d987057432a10d086f7305b4d4
Author: Chang-Yen (Brian) Li <b0...@csie.ntu.edu.tw>
AuthorDate: Mon Sep 15 09:56:51 2025 -0500

    feat: refine ui of asset events (#55652)
    
    (cherry picked from commit c0297b76a7091c055c2672ab6a095fd3a43997d9)
---
 airflow-core/src/airflow/ui/src/components/Assets/AssetEvents.tsx | 2 +-
 airflow-core/src/airflow/ui/src/components/HeaderCard.tsx         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/airflow-core/src/airflow/ui/src/components/Assets/AssetEvents.tsx b/airflow-core/src/airflow/ui/src/components/Assets/AssetEvents.tsx
index 8f6b818f2d2..8acae525fbf 100644
--- a/airflow-core/src/airflow/ui/src/components/Assets/AssetEvents.tsx
+++ b/airflow-core/src/airflow/ui/src/components/Assets/AssetEvents.tsx
@@ -69,7 +69,7 @@ export const AssetEvents = ({
   });
 
   return (
-    <Box borderBottomWidth={0} borderRadius={5} borderWidth={1} p={4} py={2} {...rest}>
+    <Box borderBottomWidth={0} borderRadius={8} borderWidth={1} p={4} py={2} {...rest}>
       <Flex alignItems="center" justify="space-between">
         <HStack>
           <StateBadge colorPalette="brand" fontSize="md" variant="solid">
diff --git a/airflow-core/src/airflow/ui/src/components/HeaderCard.tsx b/airflow-core/src/airflow/ui/src/components/HeaderCard.tsx
index 9e3722d0cb9..964b860e598 100644
--- a/airflow-core/src/airflow/ui/src/components/HeaderCard.tsx
+++ b/airflow-core/src/airflow/ui/src/components/HeaderCard.tsx
@@ -38,7 +38,7 @@ export const HeaderCard = ({ actions, icon, isRefreshing, state, stats, subTitle
   const { t: translate } = useTranslation();
 
   return (
-    <Box borderColor="border.emphasized" borderRadius={8} borderWidth={1} ml={2} p={2}>
+    <Box borderColor="border.emphasized" borderRadius={8} borderWidth={1} p={2}>
       <Flex alignItems="center" flexWrap="wrap" justifyContent="space-between" mb={2}>
         <Flex alignItems="center" flexWrap="wrap" gap={2}>
           <Heading size="xl">{icon}</Heading>