klbr/khoj
1
0
Fork 0
mirror of https://github.com/khoaliber/khoj.git synced 2026-03-04 21:29:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve alignment of title bar elements

Browse Source
This commit is contained in:
Debanjum Singh Solanky
2024-08-03 04:00:36 +05:30
parent f188396395
commit eed9e401a2
3 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/interface/web/app/components/sidePanel/chatHistorySidePanel.tsx
View File

@@ -696,19 +696,19 @@ export default function SidePanel(props: SidePanelProps) {
</DrawerContent>
</Drawer>
:
<div className={`flex justify-between flex-row ${enabled ? 'w-full' : 'w-fit'}`}>
<div className={`grid grid-flow-col gap-4 w-fit`}>
<Link href='/' className="content-center">
<KhojLogoType />
</Link>
<div className={`${enabled ? 'flex items-center flex-row gap-2' : 'flex items-center'}`}>
<Link className={`ml-4 mr-4`} href="/">
<div className='grid grid-flow-col gap-2 items-center'>
<Link className='mx-4' href="/">
{enabled ? <NotePencil className="h-6 w-6" /> : <NotePencil className="h-6 w-6" color="gray" />}
</Link>
<button className={styles.button} onClick={() => setEnabled(!enabled)}>
{enabled ? <Sidebar className="h-6 w-6" /> : <Sidebar className="h-6 w-6" color="gray" />}
</button>
</div>
<div className="fixed right-0 w-fit h-fit">
<div className="fixed right-0 top-[0.9rem] w-fit h-fit">
<NavMenu />
</div>
</div>

3
src/interface/web/app/components/sidePanel/sidePanel.module.css
View File

@@ -143,7 +143,8 @@ div.modalSessionsList div.session {
div.session.compressed {
max-width: 100%;
grid-template-columns: minmax(auto, 300px) 1fr;
display: flex;
justify-content: space-between;
}
div.session {