rushilwiz/compass
1
0
Fork 0
mirror of https://github.com/cssgunc/compass.git synced 2025-04-06 20:50:17 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

update UI

Browse Source
This commit is contained in:
anikaahmed114 2024-03-30 04:17:03 -04:00
parent 85d99a0a96
commit 034906cfc1
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
compass/components/page/Drawer.tsx
View File

@ -1,5 +1,4 @@
import { FunctionComponent, ReactElement, ReactNode } from 'react';
import Button from '@/components/Button'
import React, { useState } from 'react';
import { ChevronDoubleLeftIcon } from '@heroicons/react/24/solid';
import { BookmarkIcon, XMarkIcon } from "@heroicons/react/24/solid";
@ -87,10 +86,12 @@ const Drawer: FunctionComponent<DrawerProps> = ({ title, children, onSave, edita
<Card icon={<BookmarkIcon />} text="Resources" onClick={() => handleCardClick("Resources", <BookmarkIcon />)}/>
<div className={drawerClassName}>
<div className="flex items-center justify-between p-4 border-b">
<div className="flex items-center space-x-2">
<span className="h-5 text-purple-700 w-5">
{currentCardIcon}
</span>
<h2>{currentCardText}</h2>
<h2 className = "text-sm text-gray-800 font-semibold">{currentCardText}</h2>
</div>
<div>
<button
onClick={toggleDrawer} className="py-2 text-gray-500 hover:text-gray-800"