update App.js, src/components/BoxNextToEachOther/index.js, src/components/ProfileInfo/index.js and src/components/UserProfileInfo/index.js

master
mahdi 2 years ago
parent 331089aaf8
commit 15b575b99f
  1. 6
      src/App.js
  2. 4
      src/components/BoxNextToEachOther/index.js
  3. 2
      src/components/UserProfileInfo/index.js

@ -240,13 +240,13 @@ function App() {
{/* <IndianaDragScroll /> */} {/* <IndianaDragScroll /> */}
{/* ----------------------------$$$ end---------------------------- */} {/* ----------------------------$$$ end---------------------------- */}
<CardDesign2 /> {/* <CardDesign2 /> */}
{/* ----------------------------$$$ start---------------------------- */} {/* ----------------------------$$$ start---------------------------- */}
{/* <CustomToast2 /> */} {/* <CustomToast2 /> */}
{/* ----------------------------$$$ end---------------------------- */} {/* ----------------------------$$$ end---------------------------- */}
<CardDesign3 /> {/* <CardDesign3 /> */}
{/* ----------------------------$$$ start---------------------------- */} {/* ----------------------------$$$ start---------------------------- */}
{/* <DateTime /> */} {/* <DateTime /> */}
@ -255,7 +255,7 @@ function App() {
{/* <ProfileInfo /> */} {/* <ProfileInfo /> */}
{/* ----------------------------$$$ end---------------------------- */} {/* ----------------------------$$$ end---------------------------- */}
<UserProfileInfo /> {/* <UserProfileInfo /> */}
<BoxNextToEachOther /> <BoxNextToEachOther />

@ -6,11 +6,11 @@ const BoxNextToEachOther = ({ items }) => {
const [active, setActive] = useState(null); const [active, setActive] = useState(null);
return ( return (
<div className="flex flex-row items-center mx-auto justify-between max-w-[750px] "> <div className="w-fit flex flex-row items-center gap-x-2">
{items.map((item, index) => ( {items.map((item, index) => (
<div <div
key={index} key={index}
className={`relative flex flex-col items-center justify-center text-2xl max-w-[224px] max-h-[210px] w-44 h-44 border border-[#EBF4FF] rounded-md cursor-pointer ${ className={`relative max-w-[224px] max-h-[210px] w-44 h-44 flex flex-col items-center justify-center text-2xl border border-[#EBF4FF] rounded-md cursor-pointer ${
active === item ? "bg-[#245CE1]" : "bg-white" active === item ? "bg-[#245CE1]" : "bg-white"
}`} }`}
onClick={() => setActive(active === item ? null : item)} onClick={() => setActive(active === item ? null : item)}

@ -7,7 +7,7 @@ import DateTime from "../DateTime";
const UserProfileInfo = () => { const UserProfileInfo = () => {
return ( return (
<div className="flex flex-row items-center w-fit m-20"> <div className="flex flex-row items-center w-fit m-20">
<DateTime />{" "} <DateTime />
<div <div
className="w-0.5 bg-[#9DACD344] mx-4" className="w-0.5 bg-[#9DACD344] mx-4"
style={{ height: "54px" }} style={{ height: "54px" }}

Loading…
Cancel
Save