talksik/nirvana
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

cleaning up team

Browse Source
This commit is contained in:
Arjun Patel
2022-01-11 20:02:38 -08:00
parent b6ae3bfbc2
commit 62539f3129
1 changed files with 13 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/teams/demo.tsx
+13 -6
View File
@@ -192,10 +192,17 @@ export default class Demo extends React.Component<MyProps, MyState> {
<div className='flex flex-row items-baseline space-x-5 space-y-5 flex-wrap'> <div className='flex flex-row items-baseline space-x-5 space-y-5 flex-wrap'>
{/* personal line */} {/* personal line */}
<section className='p-5 flex flex-col bg-gray-100 bg-opacity-25 rounded-lg shadow-md'> <section className='p-5 flex flex-col bg-gray-100 bg-opacity-25 rounded-lg shadow-md'>
<span className='pb-1 flex flex-col'> <span className='flex flex-row justify-start items-center pb-5'>
<span className="text-white">TEAM</span> <span className='flex flex-col'>
<span className="text-white">TEAM</span>
</span>
<button className='bg-gray-300 bg-opacity-25 p-2 ml-auto rounded hover:bg-opacity-40'>
<FaPlus className='text-lg text-white' />
</button>
</span> </span>
{/* list of team members */} {/* list of team members */}
{ {
testFriends.map((friend, i) => { testFriends.map((friend, i) => {
@@ -255,13 +262,13 @@ export default class Demo extends React.Component<MyProps, MyState> {
</span> </span>
{/* tab pane */} {/* tab pane */}
<span className='ml-auto flex flex-row space-x-5 uppercase'> <span className='ml-auto flex flex-row space-x-5 uppercase mr-5'>
<span className='underline underline-offset-8 decoration-white text-white hover:text-white hover:cursor-pointer'>Active</span> <span className='underline underline-offset-8 decoration-white text-white hover:text-white hover:cursor-pointer'>Active</span>
<span className='text-gray-300 hover:text-white hover:cursor-pointer'>Resolved</span> <span className='text-gray-300 hover:text-white hover:cursor-pointer'>Resolved</span>
</span> </span>
<span className='ml-2 text-sm text-gray-300 flex flex-row items-center'> <span className='text-sm text-gray-300 flex flex-row items-center'>
TODAY <FaAngleDown /> TODAY <FaAngleDown />
</span> </span>
@@ -329,7 +336,7 @@ export default class Demo extends React.Component<MyProps, MyState> {
</span> </span>
{/* tab pane */} {/* tab pane */}
<span className='flex flex-row space-x-5 uppercase'> <span className='flex flex-row space-x-5 uppercase mr-5'>
<span className='underline underline-offset-8 decoration-white text-white hover:text-white hover:cursor-pointer'>All</span> <span className='underline underline-offset-8 decoration-white text-white hover:text-white hover:cursor-pointer'>All</span>
<span className='text-gray-300 hover:text-white hover:cursor-pointer'>Live</span> <span className='text-gray-300 hover:text-white hover:cursor-pointer'>Live</span>
@@ -339,7 +346,7 @@ export default class Demo extends React.Component<MyProps, MyState> {
<span className='text-gray-300 hover:text-white hover:cursor-pointer'>Recurring</span> <span className='text-gray-300 hover:text-white hover:cursor-pointer'>Recurring</span>
</span> </span>
<button className='bg-gray-300 bg-opacity-25 p-2 ml-2 rounded hover:bg-opacity-40'> <button className='bg-gray-300 bg-opacity-25 p-2 rounded hover:bg-opacity-40'>
<FaPlus className='text-lg text-white' /> <FaPlus className='text-lg text-white' />
</button> </button>