WrenchBoard/Users-Wrench
3
0
Fork 0
Code Issues Pull Requests Releases Activity

Calendar Page

Browse Source
This commit is contained in:
Olu Amey
2023-01-25 14:53:17 -05:00
parent fee958f0b0
commit 9fad884632
8 changed files with 1097 additions and 161 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Partials/RightSideBar.jsx
-153
View File
@@ -166,159 +166,6 @@ export default function RightSideBar() {
</div>
</div>
{/* top-creator */}
<div className="top-creator bg-white dark:bg-dark-white rounded-2xl p-8 2xl:w-[268px] w-full 2xl:mb-10 2xl:border-none border ">
{/* heading */}
<div className="heading flex justify-between items-center mb-3.5">
<h3 className="text-xl font-bold text-dark-gray dark:text-white">
Recent
</h3>
</div>
<div className="creator-list">
<div className="item flex justify-between items-center mb-4">
{/* image */}
<div className="w-10 h-10 rounded-full">
<img src={topCreator1} alt="top" />
</div>
{/* name */}
<div>
<p className="text-dark-gray dark:text-white text-base font-bold">
Albert Flores
</p>
<p className="text-xs text-thin-light-gray">@broklinslam_75</p>
</div>
{/* action */}
<div className="flex items-center space-x-2">
<button
type="button"
className="add-button w-6 h-6 flex justify-center items-center bg-purple rounded-full"
>
<Icons name="add-people" />
</button>
<button
type="button"
className="delete-button w-6 h-6 flex justify-center items-center p-1 bg-light-purple dark:bg-dark-light-purple text-purple rounded-full"
>
<Icons name="close" />
</button>
</div>
</div>
<div className="item flex justify-between items-center mb-4">
{/* image */}
<div className="w-10 h-10 rounded-full">
<img src={topCreator2} alt="top" />
</div>
{/* name */}
<div>
<p className="text-dark-gray dark:text-white text-base font-bold">
Albert Flores
</p>
<p className="text-xs text-thin-light-gray">@broklinslam_75</p>
</div>
{/* action */}
<div className="flex items-center space-x-2">
<button
type="button"
className="add-button w-6 h-6 flex justify-center items-center bg-purple rounded-full"
>
<Icons name="add-people" />
</button>
<button
type="button"
className="delete-button w-6 h-6 flex justify-center items-center p-1 bg-light-purple dark:bg-dark-light-purple text-purple rounded-full"
>
<Icons name="close" />
</button>
</div>
</div>
<div className="item flex justify-between items-center mb-4">
{/* image */}
<div className="w-10 h-10 rounded-full">
<img src={topCreator3} alt="top" />
</div>
{/* name */}
<div>
<p className="text-dark-gray dark:text-white text-base font-bold">
Albert Flores
</p>
<p className="text-xs text-thin-light-gray">@broklinslam_75</p>
</div>
{/* action */}
<div className="flex items-center space-x-2">
<button
type="button"
className="add-button w-6 h-6 flex justify-center items-center bg-purple rounded-full"
>
<Icons name="add-people" />
</button>
<button
type="button"
className="delete-button w-6 h-6 flex justify-center items-center p-1 bg-light-purple dark:bg-dark-light-purple text-purple rounded-full"
>
<Icons name="close" />
</button>
</div>
</div>
<div className="item flex justify-between items-center mb-4">
{/* image */}
<div className="w-10 h-10 rounded-full">
<img src={topCreator4} alt="top" />
</div>
{/* name */}
<div>
<p className="text-dark-gray dark:text-white text-base font-bold">
Albert Flores
</p>
<p className="text-xs text-thin-light-gray">@broklinslam_75</p>
</div>
{/* action */}
<div className="flex items-center space-x-2">
<button
type="button"
className="add-button w-6 h-6 flex justify-center items-center bg-purple rounded-full"
>
<Icons name="add-people" />
</button>
<button
type="button"
className="delete-button w-6 h-6 flex justify-center items-center p-1 bg-light-purple dark:bg-dark-light-purple text-purple rounded-full"
>
<Icons name="close" />
</button>
</div>
</div>
<div className="item flex justify-between items-center mb-4">
{/* image */}
<div className="w-10 h-10 rounded-full">
<img src={topCreator5} alt="top" />
</div>
{/* name */}
<div>
<p className="text-dark-gray dark:text-white text-base font-bold">
Albert Flores
</p>
<p className="text-xs text-thin-light-gray">@broklinslam_75</p>
</div>
{/* action */}
<div className="flex items-center space-x-2">
<button
type="button"
className="add-button w-6 h-6 flex justify-center items-center bg-purple rounded-full"
>
<Icons name="add-people" />
</button>
<button
type="button"
className="delete-button w-6 h-6 flex justify-center items-center p-1 bg-light-purple dark:bg-dark-light-purple text-purple rounded-full"
>
<Icons name="close" />
</button>
</div>
</div>
</div>
</div>
{/* top-platform */}
<div className="top-platform bg-white dark:bg-dark-white rounded-2xl p-8 2xl:w-[268px] w-full 2xl:mb-10 2xl:border-none border ">
{/* heading */}