From d4a2cbf956d7c5b9107af2db0c6aa918d57d5b96 Mon Sep 17 00:00:00 2001 From: typescreep Date: Thu, 19 Jun 2025 01:08:13 +0300 Subject: [PATCH 1/2] height for forms and slider styles --- src/App.tsx | 4 ++++ .../molecules/BlackholeForm/BlackholeForm.tsx | 20 ++++++++++++++++++- 2 files changed, 23 insertions(+), 1 deletion(-) diff --git a/src/App.tsx b/src/App.tsx index 93404c4..bc5ca43 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -191,6 +191,10 @@ export const App: FC = ({ isFederation, forcedTheme }) => { Table: { headerBg: colors?.colorBgLayout, }, + Slider: { + trackBg: colors?.colorText, + trackHoverBg: colors?.colorText, + }, }, }} > diff --git a/src/components/molecules/BlackholeForm/BlackholeForm.tsx b/src/components/molecules/BlackholeForm/BlackholeForm.tsx index 1b49d8b..6c82d44 100644 --- a/src/components/molecules/BlackholeForm/BlackholeForm.tsx +++ b/src/components/molecules/BlackholeForm/BlackholeForm.tsx @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/no-unused-vars */ -import React, { FC } from 'react' +import React, { FC, useState, useEffect } from 'react' import { useParams } from 'react-router-dom' import { BlackholeFormDataProvider, @@ -44,6 +44,23 @@ export const BlackholeForm: FC = ({ data, isCreate, backlin const swagger = useSelector((state: RootState) => state.swagger.swagger) const params = useParams() + const [height, setHeight] = useState(0) + + useEffect(() => { + const height = window.innerHeight - 52 - 52 - 20 * 2 - 26 - 20 - 38 - 10 - 24 * 2 - 28 - 10 - 46 - 50 - 33 + setHeight(height) + + const handleResize = () => { + setHeight(height) + } + + window.addEventListener('resize', handleResize) + + return () => { + window.removeEventListener('resize', handleResize) + } + }, []) + const urlParams = { clusterName: params.clusterName, namespace: params.namespace, @@ -94,6 +111,7 @@ export const BlackholeForm: FC = ({ data, isCreate, backlin backlink={backlink} modeData={modeData} designNewLayout + designNewLayoutHeight={height} /> ) } From fbe5111390b2f4afb4598f31769fa7840a5a5cd8 Mon Sep 17 00:00:00 2001 From: typescreep Date: Fri, 20 Jun 2025 13:25:46 +0300 Subject: [PATCH 2/2] new design of forms --- package-lock.json | 8 ++++---- package.json | 2 +- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/package-lock.json b/package-lock.json index 47eecfe..68f92a6 100644 --- a/package-lock.json +++ b/package-lock.json @@ -11,7 +11,7 @@ "@ant-design/icons": "5.6.0", "@monaco-editor/react": "4.6.0", "@originjs/vite-plugin-federation": "1.3.6", - "@prorobotech/openapi-k8s-toolkit": "^0.0.1-alpha.30", + "@prorobotech/openapi-k8s-toolkit": "^0.0.1-alpha.31", "@readme/openapi-parser": "4.0.0", "@reduxjs/toolkit": "2.2.5", "@tanstack/react-query": "5.62.2", @@ -2807,9 +2807,9 @@ } }, "node_modules/@prorobotech/openapi-k8s-toolkit": { - "version": "0.0.1-alpha.30", - "resolved": "https://registry.npmjs.org/@prorobotech/openapi-k8s-toolkit/-/openapi-k8s-toolkit-0.0.1-alpha.30.tgz", - "integrity": "sha512-+wepqcjIver8C1NS8W8gfDrboO0V7Ts5OZkMlCfF5WBzoP8JZqUz5Fkc+gJqA2Brl5EqSR9eQyTPHPydk5yPrw==", + "version": "0.0.1-alpha.31", + "resolved": "https://registry.npmjs.org/@prorobotech/openapi-k8s-toolkit/-/openapi-k8s-toolkit-0.0.1-alpha.31.tgz", + "integrity": "sha512-yqbAze2MuZ/31wZTqyPotVW6KzDwXhmstddXtm+gNPYSj9OUlirstiJyxfKKp7dqMU97+r4sZ7JTohjlCJujnw==", "license": "MIT", "dependencies": { "@monaco-editor/react": "4.6.0", diff --git a/package.json b/package.json index 958cd66..7c5b1a9 100644 --- a/package.json +++ b/package.json @@ -20,7 +20,7 @@ "@ant-design/icons": "5.6.0", "@monaco-editor/react": "4.6.0", "@originjs/vite-plugin-federation": "1.3.6", - "@prorobotech/openapi-k8s-toolkit": "0.0.1-alpha.30", + "@prorobotech/openapi-k8s-toolkit": "0.0.1-alpha.31", "@readme/openapi-parser": "4.0.0", "@reduxjs/toolkit": "2.2.5", "@tanstack/react-query": "5.62.2",