style: fix text

kyziq · Jan 10, 2024 · 447a005 · 447a005
1 parent 2bfa7ab
commit 447a005
Showing 1 changed file with 15 additions and 12 deletions.
diff --git a/src/pages/ArtDescription.jsx b/src/pages/ArtDescription.jsx
@@ -41,13 +41,23 @@ const ArtDescription = () => {
 
           {/* Card Body */}
           <CardBody className="space-y-4">
-            <div className="text-md text-gray-700">{artItem.description}</div>
-            <ArtDetail label="Year" detail={artItem.date} />
-            <ArtDetail label="Style" detail={artItem.style} />
-            <ArtDetail label="Dimensions" detail={artItem.dimensions} />
+            <div className="text-gray-700">{artItem.description}</div>
+
+            <div>
+              <span className="font-semibold">Year: </span>
+              {artItem.date}
+            </div>
+            <div>
+              <span className="font-semibold">Style: </span>
+              {artItem.style}
+            </div>
+            <div>
+              <span className="font-semibold">Dimensions: </span>
+              {artItem.dimensions}
+            </div>
 
             {/* Location Detail */}
-            <div className="text-sm text-gray-600">
+            <div>
               <span className="font-semibold">Location: </span>
               {artItem.location}
               {flagSrc && (
@@ -81,11 +91,4 @@ const getFlagSrc = (countryCode) => {
     : '';
 };
 
-const ArtDetail = ({ label, detail }) => (
-  <div>
-    <span className="font-semibold">{label}: </span>
-    {detail}
-  </div>
-);
-
 export default ArtDescription;