From e90a8b2f3b77d481a1d2612aebfd8d648a3ec243 Mon Sep 17 00:00:00 2001
From: MinJ <ussr1285@ajou.ac.kr>
Date: Sat, 7 Dec 2024 23:45:08 +0900
Subject: [PATCH] =?UTF-8?q?View:=20CombinationGrid=20=EB=A0=88=EC=9D=B4?=
=?UTF-8?q?=EC=95=84=EC=9B=83=20=EA=B0=9C=EC=84=A0=202?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/components/CombinationGrid/CombinationGrid.css | 5 +----
src/components/CombinationGrid/CombinationGrid.jsx | 8 ++++----
.../SearchCombinationPage/components/CombinationBox.jsx | 6 +++++-
3 files changed, 10 insertions(+), 9 deletions(-)
diff --git a/src/components/CombinationGrid/CombinationGrid.css b/src/components/CombinationGrid/CombinationGrid.css
index b0bd0de..2a727bf 100644
--- a/src/components/CombinationGrid/CombinationGrid.css
+++ b/src/components/CombinationGrid/CombinationGrid.css
@@ -41,13 +41,10 @@
.card-title {
color: var(--primary-color);
+ font-size: 1.1rem;
font-weight: 600;
margin-bottom: 0.75rem;
}
-
- .card-title h2 {
- font-size: 1.1rem;
- }
.card-description {
color: var(--text-secondary);
diff --git a/src/components/CombinationGrid/CombinationGrid.jsx b/src/components/CombinationGrid/CombinationGrid.jsx
index 18435e4..fd1c9d7 100644
--- a/src/components/CombinationGrid/CombinationGrid.jsx
+++ b/src/components/CombinationGrid/CombinationGrid.jsx
@@ -11,14 +11,14 @@ const CombinationGrid = ({ combination }) => {
{combination.map((combo, index) => (
<div key={index} className="combination-card">
<img src={combo.image_url} alt={combo.title} className="card-image" />
- <div className="card-title">
+ <h2 className="card-title">
<div className="part-type">
{combo.partType}
</div>
- <h2>
+ <div>
{combo.title}
- </h2>
- </div>
+ </div>
+ </h2>
<p className="card-description">
{combo.description}
</p>
diff --git a/src/pages/SearchCombinationPage/components/CombinationBox.jsx b/src/pages/SearchCombinationPage/components/CombinationBox.jsx
index bf8e835..2a595ca 100644
--- a/src/pages/SearchCombinationPage/components/CombinationBox.jsx
+++ b/src/pages/SearchCombinationPage/components/CombinationBox.jsx
@@ -16,7 +16,11 @@ const CombinationBox = ({ title, combination }) => {
image: partData.image_url,
title: partData.name,
partType: partData.type,
- description: partData.description,
+ description: partData.description
+ .split('/')
+ .map(item => item.trim())
+ .filter(item => item !== '')
+ .join(' / '),
};
})
);
--
GitLab