refactor

lifeparticle · Sep 17, 2023 · 0b3e11a · 0b3e11a
1 parent 2490693
commit 0b3e11a
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/ui/src/pages/Colors/ColorPicker/components/DisplayColor/DisplayColor.module.scss b/ui/src/pages/Colors/ColorPicker/components/DisplayColor/DisplayColor.module.scss
@@ -6,6 +6,7 @@
 	justify-content: space-between;
 	transition: var(--animation-fade-in);
 	border-radius: var(--bt-border-radius-4);
+	width: 100%;
 
 	&__checkered {
 		background-image: linear-gradient(

diff --git a/ui/src/pages/Data/ImageGeneratorFromColors/index.tsx b/ui/src/pages/Data/ImageGeneratorFromColors/index.tsx
@@ -1,5 +1,5 @@
 import JSZip from "jszip";
-import { Card, Form, Typography, Input, Space } from "antd";
+import { Card, Form, Input, Space, Tag } from "antd";
 import { saveAs } from "file-saver";
 import JSZipUtils from "jszip-utils";
 import { toPng } from "html-to-image";
@@ -14,7 +14,6 @@ import {
 } from "components/General/FormComponents";
 import InputGrid from "components/Layouts/InputGrid";
 
-const { Title } = Typography;
 const { TextArea } = Input;
 
 const ImageGeneratorFromColors: React.FC = () => {
@@ -124,7 +123,10 @@ const ImageGeneratorFromColors: React.FC = () => {
 					<div className={style.igfc__image__container}>
 						{colors.map((color: string) => {
 							return (
-								<div key={color} className={style.igfc__image}>
+								<Space
+									key={color}
+									className={style.igfc__image}
+								>
 									<div
 										ref={(ref) => {
 											if (ref) {
@@ -138,13 +140,10 @@ const ImageGeneratorFromColors: React.FC = () => {
 											borderRadius: `${rounded}px`,
 										}}
 									/>
-									<Title
-										className={style.igfc__image__title}
-										level={5}
-									>
+									<Tag className={style.igfc__image__title}>
 										{color}
-									</Title>
-								</div>
+									</Tag>
+								</Space>
 							);
 						})}
 					</div>