From 250db2db66a9ffb970f058a298e89543f51ae87c Mon Sep 17 00:00:00 2001 From: Mirza Hanan Date: Sat, 14 Dec 2024 21:44:53 +0500 Subject: [PATCH] fix(graph): icon cutoff issue --- .../ColorPickerPopoverView/IconPicker/index.tsx | 7 ++++++- .../ModalsContainer/BlueprintModal/Body/Editor/index.tsx | 5 +++++ 2 files changed, 11 insertions(+), 1 deletion(-) diff --git a/src/components/ModalsContainer/BlueprintModal/Body/Editor/ColorPickerPopover/ColorPickerPopoverView/IconPicker/index.tsx b/src/components/ModalsContainer/BlueprintModal/Body/Editor/ColorPickerPopover/ColorPickerPopoverView/IconPicker/index.tsx index 2a198f0bb..92686a89e 100644 --- a/src/components/ModalsContainer/BlueprintModal/Body/Editor/ColorPickerPopover/ColorPickerPopoverView/IconPicker/index.tsx +++ b/src/components/ModalsContainer/BlueprintModal/Body/Editor/ColorPickerPopover/ColorPickerPopoverView/IconPicker/index.tsx @@ -2,8 +2,8 @@ import React from 'react' import styled, { css } from 'styled-components' import { Icons } from '~/components/Icons' import { Flex } from '~/components/common/Flex' -import { colors } from '~/utils' import { useAppStore } from '~/stores/useAppStore' +import { colors } from '~/utils' export const IconPicker: React.FC = () => { const { selectedIcon, setSelectedIcon } = useAppStore((s) => s) @@ -127,5 +127,10 @@ const IconBox = styled.div<{ isSelected: boolean }>` height: 30px; object-fit: contain; color: white; + + rect { + width: 1.5em; + height: 1.5em; + } } ` diff --git a/src/components/ModalsContainer/BlueprintModal/Body/Editor/index.tsx b/src/components/ModalsContainer/BlueprintModal/Body/Editor/index.tsx index ffbfaea43..f1938098c 100644 --- a/src/components/ModalsContainer/BlueprintModal/Body/Editor/index.tsx +++ b/src/components/ModalsContainer/BlueprintModal/Body/Editor/index.tsx @@ -778,6 +778,11 @@ const ColorPickerIconWrapper = styled.span<{ selectedColor?: string }>` height: 22px; object-fit: contain; color: white; + + rect { + width: 1.5em; + height: 1.5em; + } } `