refactor

lifeparticle · Sep 21, 2023 · 8039125 · 8039125
1 parent 7059802
commit 8039125
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 14 deletions.
diff --git a/ui/src/pages/Home/Home.module.scss b/ui/src/pages/Home/Home.module.scss
@@ -1,7 +1,7 @@
 .home {
 	padding-left: 10px;
 	padding-right: 10px;
-	background: url("src/assets/grid.svg");
+	background: url("/src/assets/grid.svg");
 
 	&__hero {
 		max-width: var(--bt-converter-width);

diff --git a/ui/src/pages/Home/components/Features.tsx b/ui/src/pages/Home/components/Features.tsx
@@ -26,15 +26,16 @@ const Features: React.FC = () => {
 				<Row gutter={[16, 16]}>
 					{FEATURES.map((feature) => (
 						<Col xs={24} lg={8}>
-							<Card>
+							<Card style={{ minHeight: 220 }}>
 								<Icon name={feature.icon} size={40} />
-
-								<Typography.Title level={4}>
-									{feature.title}
-								</Typography.Title>
-								<Typography.Text>
-									{feature.description}
-								</Typography.Text>
+								<Space direction="vertical" size="middle">
+									<Typography.Title level={4}>
+										{feature.title}
+									</Typography.Title>
+									<Typography.Text>
+										{feature.description}
+									</Typography.Text>
+								</Space>
 							</Card>
 						</Col>
 					))}

diff --git a/ui/src/pages/Home/components/Values.tsx b/ui/src/pages/Home/components/Values.tsx
@@ -15,24 +15,27 @@ const Values: React.FC = () => {
 			</Typography.Title>
 			<Row gutter={[16, 16]}>
 				<Col xs={24} lg={8}>
-					<Card cover={<img src={share} alt="logo" height={200} />}>
+					<Card
+						cover={<img src={share} alt="logo" />}
+						style={{ minHeight: 550 }}
+					>
 						{APP_VALUES[0]}
 					</Card>
 				</Col>
 
 				<Col xs={24} lg={8}>
 					<Card
-						cover={
-							<img src={verification} alt="logo" height={200} />
-						}
+						cover={<img src={verification} alt="logo" />}
+						style={{ minHeight: 550 }}
 					>
 						{APP_VALUES[1]}
 					</Card>
 				</Col>
 
 				<Col xs={24} lg={8}>
 					<Card
-						cover={<img src={detection} alt="logo" height={200} />}
+						cover={<img src={detection} alt="logo" />}
+						style={{ minHeight: 550 }}
 					>
 						{APP_VALUES[2]}
 					</Card>