From 6d9326c82b99a3656109ebdaa514fbafd75e16c3 Mon Sep 17 00:00:00 2001 From: MahtabBukhari Date: Fri, 11 Oct 2024 07:29:03 +0500 Subject: [PATCH] fix(edit-node): edit node size according to figma --- .../EditNodeNameModal/Body/index.tsx | 41 ++++++++++--------- .../EditNodeNameModal/index.tsx | 2 +- 2 files changed, 23 insertions(+), 20 deletions(-) diff --git a/src/components/ModalsContainer/EditNodeNameModal/Body/index.tsx b/src/components/ModalsContainer/EditNodeNameModal/Body/index.tsx index 4f1b898ea..8f1a22810 100644 --- a/src/components/ModalsContainer/EditNodeNameModal/Body/index.tsx +++ b/src/components/ModalsContainer/EditNodeNameModal/Body/index.tsx @@ -1,5 +1,5 @@ import { Button, Skeleton } from '@mui/material' -import { useEffect, useState } from 'react' +import React, { useEffect, useState } from 'react' import { FormProvider, useForm } from 'react-hook-form' import { ClipLoader } from 'react-spinners' import styled from 'styled-components' @@ -125,17 +125,21 @@ export const Body = () => { ) : ( )} - - - Delete - - + + + Delete + + + + { )} - + @@ -175,12 +179,11 @@ const DeleteButton = styled(Button)` } ` -const SaveButton = styled(Button)` - && { - flex: 1; - } +const ClipLoaderWrapper = styled.span` + margin-top: 4px; ` -const ClipLoaderWrapper = styled.span` - margin-top: 3px; +const CustomButton = styled(Button)` + width: 80% !important; + margin: 0 auto !important; ` diff --git a/src/components/ModalsContainer/EditNodeNameModal/index.tsx b/src/components/ModalsContainer/EditNodeNameModal/index.tsx index 62da2ebff..30cd36428 100644 --- a/src/components/ModalsContainer/EditNodeNameModal/index.tsx +++ b/src/components/ModalsContainer/EditNodeNameModal/index.tsx @@ -10,7 +10,7 @@ export const EditNodeNameModal = () => { const { close } = useModal('editNodeName') return ( - + )