From bcf83a78deca0c73ec51eadeb995cf4d6e72dff3 Mon Sep 17 00:00:00 2001 From: Emre Bilge <105619318+emrebilge@users.noreply.github.com> Date: Fri, 8 Dec 2023 11:47:02 -0600 Subject: [PATCH] quick update --- src/components/TagComponent/Tag.definitions.ts | 3 +-- src/components/TagComponent/Tag.module.css | 3 ++- src/components/TagComponent/tests/Tag.test.tsx | 2 +- 3 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/components/TagComponent/Tag.definitions.ts b/src/components/TagComponent/Tag.definitions.ts index 99b60d0..b310300 100644 --- a/src/components/TagComponent/Tag.definitions.ts +++ b/src/components/TagComponent/Tag.definitions.ts @@ -2,5 +2,4 @@ export interface TagProps { variant: 'small' | 'normal' | 'large'; color: 'green' | 'yellow' | 'red' | 'blue' | 'gray'; text: string; - } - \ No newline at end of file +} diff --git a/src/components/TagComponent/Tag.module.css b/src/components/TagComponent/Tag.module.css index cff4101..9c3963a 100644 --- a/src/components/TagComponent/Tag.module.css +++ b/src/components/TagComponent/Tag.module.css @@ -8,6 +8,7 @@ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; + width: 50px; } .small { @@ -39,7 +40,7 @@ } .blue { - background-color: #17a2b8; + background-color: rgb(52, 93, 179); } .gray { diff --git a/src/components/TagComponent/tests/Tag.test.tsx b/src/components/TagComponent/tests/Tag.test.tsx index 2d0b4ad..5263319 100644 --- a/src/components/TagComponent/tests/Tag.test.tsx +++ b/src/components/TagComponent/tests/Tag.test.tsx @@ -1,6 +1,6 @@ import Tag from "../Tag"; +import styles from "../Tag.module.css"; import { render } from "@testing-library/react"; -import styles from "../Tag.modules.css"; /**************************TAG COMPONENT TESTING SUITE*******************************/ describe("Tag Component Tests", () => {