update App.js, src/components/ReligiousTimes/index.js and src/components/Sidebar/SidebarDesign2/index.js

master
Your Name 2 years ago
parent dace88b92f
commit 07b652c8ff
  1. 4
      src/App.js
  2. 11
      src/components/ReligiousTimes/index.js

@ -107,7 +107,7 @@ function App() {
{/* <Toast /> */} {/* <Toast /> */}
{/* <ProductSuggestion /> */} {/* <ProductSuggestion /> */}
{/* <ProductImage /> */} {/* <ProductImage /> */}
<ProductTab /> {/* <ProductTab /> */}
{/* <ProductStatusCard /> */} {/* <ProductStatusCard /> */}
{/* <AdvertisementDesign1 /> */} {/* <AdvertisementDesign1 /> */}
{/* <AdvertisementDesign2 /> */} {/* <AdvertisementDesign2 /> */}
@ -116,7 +116,7 @@ function App() {
{/* <SidebarMenu /> */} {/* <SidebarMenu /> */}
{/* <SimpleBarChart /> */} {/* <SimpleBarChart /> */}
{/* <SpecifiedDomainRadarChart /> */} {/* <SpecifiedDomainRadarChart /> */}
{/* <Design1 /> */} <Design1 />
{/* <Design2 /> */} {/* <Design2 /> */}
{/* <TableDesign1 /> */} {/* <TableDesign1 /> */}
{/* <ReactTable2 /> */} {/* <ReactTable2 /> */}

@ -11,15 +11,18 @@ const time = {
const ReligiousTimes = ({hours}) => { const ReligiousTimes = ({hours}) => {
return ( return (
<div className="flex flex-row items-center justify-around bg-white shadow-sm rounded-lg max-w-[444px] w-1/3 py-3.5 px-0.5 mr-10"> <div className="flex flex-row items-center justify-center bg-white shadow-sm rounded-lg max-w-[444px] w-1/3 py-3.5 px-0.5 mr-10">
{Object.keys(hours).map((hour, index) => ( {Object.keys(hours).map((hour, index) => (
<div className="flex flex-row items-center" key={index}> <div className="flex flex-row items-center justify-around" key={index}>
<span className="text-xs text-[#0F0543] font-bold"> <span className="text-xs text-[#0F0543] font-bold">
{time[hour]} {time[hour]}
</span> </span>
<span className="text-xs text-[#2483E1] mr-1 font-bold"> <span className="text-xs text-[#2483E1] mr-1 font-bold">
{hours[hour]} {hours[hour]}
</span> </span>
{Number(index) !== hours.length -1 && (
<div className="w-0.5 bg-[#9DACD355] mx-1" style={{height: "20px"}}></div>
)}
</div> </div>
))} ))}
</div> </div>

Loading…
Cancel
Save