diff --git a/ui/src/cmsData/projects.json b/ui/src/cmsData/projects.json
index d482d9410..29ecbefd6 100644
--- a/ui/src/cmsData/projects.json
+++ b/ui/src/cmsData/projects.json
@@ -136,9 +136,9 @@
},
"create_project_modal": {
"description": "Description",
- "description_placeholder": "Provide a description",
- "name": "Project Name",
- "name_placeholder": "Enter project name",
+ "description_placeholder": "Enter a description",
+ "name": "Name",
+ "name_placeholder": "Title",
"primary_cta": {
"open_in_new_tab": false,
"theme": "primary",
@@ -153,6 +153,6 @@
"url": "",
"with_icon": false
},
- "title": "Create New Project"
+ "title": "New Project"
}
}
\ No newline at end of file
diff --git a/ui/src/components/Card/card.scss b/ui/src/components/Card/card.scss
index fa090c38a..8a3917eaa 100644
--- a/ui/src/components/Card/card.scss
+++ b/ui/src/components/Card/card.scss
@@ -64,6 +64,7 @@
border: 1px solid $color-brand-secondary-lightest;
border-radius: 8px;
font-size: $size-font-large;
+ line-height: 21px;
color: $color-font-base;
padding: 4px 8px;
text-transform: capitalize;
diff --git a/ui/src/components/Card/index.tsx b/ui/src/components/Card/index.tsx
index 230857fa9..44bc169f1 100644
--- a/ui/src/components/Card/index.tsx
+++ b/ui/src/components/Card/index.tsx
@@ -62,9 +62,11 @@ const CardList = ({ project }: ProjectType) => {
onClickProject(project?.id || '')}>
-
- {project?.name &&
{project?.name}
}
-
+
+
+ {project?.name &&
{project?.name}
}
+
+
diff --git a/ui/src/components/Modal/index.tsx b/ui/src/components/Modal/index.tsx
index f663606ef..17e891c92 100644
--- a/ui/src/components/Modal/index.tsx
+++ b/ui/src/components/Modal/index.tsx
@@ -50,7 +50,7 @@ const Modal = (props: ProjectModalProps) => {
if (!value) {
setInputValue(false);
return;
- } else if (!/^[^\s].+[^\s]$/.test(value)) {
+ } else if (!/^[^\s].+$/.test(value)) {
setInputValue(false);
return 'Please enter project name.';
} else if (value && value?.length > 200) {
diff --git a/ui/src/pages/Projects/index.scss b/ui/src/pages/Projects/index.scss
index 7e135b6b5..f814d301a 100644
--- a/ui/src/pages/Projects/index.scss
+++ b/ui/src/pages/Projects/index.scss
@@ -41,6 +41,12 @@
.helpText {
font-size: 14px;
padding-top: 30px;
+ p {
+ color: $color-font-base;
+ a {
+ color: $color-brand-primary-base;
+ }
+ }
}
.EmptyStateWrapper {
.EmptyState {
diff --git a/ui/src/pages/Projects/index.tsx b/ui/src/pages/Projects/index.tsx
index ca05ff583..bfc9f6fc6 100644
--- a/ui/src/pages/Projects/index.tsx
+++ b/ui/src/pages/Projects/index.tsx
@@ -1,5 +1,5 @@
// Libraries
-import { useContext, useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
import { PageLayout, EmptyState, Button, Icon, cbModal } from '@contentstack/venus-components';
import { jsonToHtml } from '@contentstack/json-rte-serializer';
import HTMLReactParser from 'html-react-parser';