connect-recommend-api
Change-Id: I301d348cd901445d0f618f50f5fc4d787a2044be
diff --git a/src/pages/SeedList/Recommend/Recommend.css b/src/pages/SeedList/Recommend/Recommend.css
index 3cc0e90..1eb3541 100644
--- a/src/pages/SeedList/Recommend/Recommend.css
+++ b/src/pages/SeedList/Recommend/Recommend.css
@@ -1,42 +1,38 @@
-.recommend-page {
+.recommend-wrapper {
padding: 20px;
- background-color: #f0f0f0;
-}
-
-.recommend-section {
- margin-bottom: 30px;
-}
-
-.recommend-section h2 {
- font-size: 24px;
- margin-bottom: 10px;
- color: #333;
-}
-
-.recommend-row {
- display: flex;
- overflow-x: scroll;
- gap: 20px;
-}
-
-.recommend-card {
- width: 150px;
- text-align: center;
background-color: #fff;
- border-radius: 10px;
- box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
- padding: 10px;
}
-.recommend-image {
+.recommend-section-title {
+ font-size: 20px;
+ font-weight: bold;
+ margin-bottom: 15px;
+}
+
+.recommend-paid-row {
+ display: flex;
+ gap: 20px;
+ flex-wrap: nowrap;
+ overflow-x: auto;
+}
+
+.paid-card {
+ width: 200px;
+ flex-shrink: 0;
+ border: 1px solid #eee;
+ border-radius: 8px;
+ overflow: hidden;
+ background-color: #f9f9f9;
+ text-align: center;
+}
+
+.paid-cover {
width: 100%;
- height: 150px;
+ height: 120px;
object-fit: cover;
- border-radius: 5px;
}
-.recommend-title {
- margin-top: 10px;
+.paid-title {
font-size: 16px;
- color: #333;
+ padding: 10px;
}