This is an automated email from the ASF dual-hosted git repository. kaxilnaik pushed a commit to branch v3-0-test in repository https://gitbox.apache.org/repos/asf/airflow.git
commit 020be9443a628938a4a6fbc163ad4a3619ac7e1c Author: Karthikeyan Singaravelan <[email protected]> AuthorDate: Wed Apr 23 00:45:27 2025 +0530 Vertically align task log header components in fullscreen mode. (#49569) Co-authored-by: Shubham Raj <[email protected]> (cherry picked from commit c862e212e0ed6c6e1e4e1ee5176f1eeda98ce651) --- .../ui/src/pages/TaskInstance/Logs/Logs.tsx | 24 ++++++++++++---------- 1 file changed, 13 insertions(+), 11 deletions(-) diff --git a/airflow-core/src/airflow/ui/src/pages/TaskInstance/Logs/Logs.tsx b/airflow-core/src/airflow/ui/src/pages/TaskInstance/Logs/Logs.tsx index e06c301da2c..931caf50d6e 100644 --- a/airflow-core/src/airflow/ui/src/pages/TaskInstance/Logs/Logs.tsx +++ b/airflow-core/src/airflow/ui/src/pages/TaskInstance/Logs/Logs.tsx @@ -16,7 +16,7 @@ * specific language governing permissions and limitations * under the License. */ -import { Box, Heading } from "@chakra-ui/react"; +import { Box, Heading, VStack } from "@chakra-ui/react"; import { useState } from "react"; import { useParams, useSearchParams } from "react-router-dom"; @@ -104,16 +104,18 @@ export const Logs = () => { <Dialog.Root onOpenChange={onOpenChange} open={fullscreen} scrollBehavior="inside" size="full"> <Dialog.Content backdrop> <Dialog.Header> - <Heading size="xl">{taskId}</Heading> - <TaskLogHeader - isFullscreen - onSelectTryNumber={onSelectTryNumber} - taskInstance={taskInstance} - toggleFullscreen={toggleFullscreen} - toggleWrap={toggleWrap} - tryNumber={tryNumber} - wrap={wrap} - /> + <VStack gap={2}> + <Heading size="xl">{taskId}</Heading> + <TaskLogHeader + isFullscreen + onSelectTryNumber={onSelectTryNumber} + taskInstance={taskInstance} + toggleFullscreen={toggleFullscreen} + toggleWrap={toggleWrap} + tryNumber={tryNumber} + wrap={wrap} + /> + </VStack> </Dialog.Header> <Dialog.CloseTrigger />
