Make Khoj icon appropriately sized and side panel arrow bold

This commit is contained in:
Debanjum Singh Solanky
2024-07-14 14:06:36 +05:30
parent e6b21144e2
commit b47f30ad77

View File

@@ -713,16 +713,12 @@ export default function SidePanel(props: SidePanelProps) {
return ( return (
<div className={`${styles.panel} ${enabled ? styles.expanded : styles.collapsed}`}> <div className={`${styles.panel} ${enabled ? styles.expanded : styles.collapsed}`}>
<div className="flex items-start justify-between"> <div className="flex items-center justify-between">
<Image src="/khoj-logo.svg" <img src="/khoj-logo.svg" alt="logo" className="w-16"/>
alt="logo"
width={40}
height={40}
/>
{ {
authenticatedData && isMobileWidth && enabled ? authenticatedData && isMobileWidth && enabled ?
<Drawer> <Drawer>
<DrawerTrigger><ArrowRight className="h-4 w-4 mx-2" /></DrawerTrigger> <DrawerTrigger><ArrowRight className="h-4 w-4 mx-2" weight="bold"/></DrawerTrigger>
<DrawerContent> <DrawerContent>
<DrawerHeader> <DrawerHeader>
<DrawerTitle>Sessions and Files</DrawerTitle> <DrawerTitle>Sessions and Files</DrawerTitle>
@@ -750,7 +746,7 @@ export default function SidePanel(props: SidePanelProps) {
</Drawer> </Drawer>
: :
<button className={styles.button} onClick={() => setEnabled(!enabled)}> <button className={styles.button} onClick={() => setEnabled(!enabled)}>
{enabled ? <ArrowLeft className="h-4 w-4" /> : <ArrowRight className="h-4 w-4 mx-2" />} {enabled ? <ArrowLeft className="h-4 w-4" weight="bold"/> : <ArrowRight className="h-4 w-4 mx-2" weight="bold"/>}
</button> </button>
} }
</div> </div>