style: border color

prince2520 · Apr 7, 2024 · b23ebb6 · b23ebb6
1 parent 3ecd93e
commit b23ebb6
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 14 deletions.
diff --git a/.../Pages/Home/AnimeManga/AnimeMangaDetail/AnimMangaDetailBottom/AnimeMangaRecommendation.js b/.../Pages/Home/AnimeManga/AnimeMangaDetail/AnimMangaDetailBottom/AnimeMangaRecommendation.js
@@ -2,19 +2,23 @@ import React from "react";
 
 import Card from "../../../../../components/Card/Card";
 
-const AnimeMangaRecommendation = ({animeDetail}) => {
- return (
- <div className="recommendation">
- <h3>Recommendation for you</h3>
- <div className="flex-center recommendation-container">
- {animeDetail?.recommendations.length > 0 ?
- animeDetail.recommendations.map(res =>
- <div className={'card-container'}>
- <Card isRecommemdation={true} detail={res.node}/>
- </div>) : <p style={{width:'100%'}}>No recommendations found!</p>}
+const AnimeMangaRecommendation = ({ animeDetail }) => {
+ return (
+ <div className="recommendation">
+ <h3>Recommendation for you</h3>
+ <div className="flex-center recommendation-container">
+ {animeDetail?.recommendations.length > 0 ? (
+ animeDetail.recommendations.map((res) => (
+ <div className={"card-container"}>
+ <Card isRecommemdation={true} detail={res.node} />
  </div>
- </div>
- );
+ ))
+ ) : (
+ <p style={{ width: "100%" }}>No recommendations found!</p>
+ )}
+ </div>
+ </div>
+ );
 };
 
-export default React.memo(AnimeMangaRecommendation);
+export default React.memo(AnimeMangaRecommendation);
diff --git a/frontend/src/index.css b/frontend/src/index.css
@@ -22,7 +22,7 @@
  --text-secondary: #dadada ;
  --text-primary: var(--primary);
 
- --border: #333232;
+ --border: #242323;
 
  --error: #F05454;
  --error-bold: #AF2D2D;