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

Have the home and chat page take full height, reduce greeting top space

Browse Source
This commit is contained in:
Debanjum Singh Solanky
2024-08-03 11:54:12 +05:30
parent cf8745ef78
commit e66adf60c5
3 changed files with 13 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/interface/web/app/chat/chat.module.css
View File

@@ -98,17 +98,6 @@ div.agentIndicator {
}
@media (max-width: 768px) {
div.chatBody {
grid-template-columns: 0fr 1fr;
}
div.chatBox {
padding: 0;
height: min-content;
}
}
@media screen and (max-width: 768px) {
div.inputBox {
margin-bottom: 0px;
@@ -118,9 +107,13 @@ div.agentIndicator {
width: 100%;
}
div.chatBody {
grid-template-columns: 0fr 1fr;
}
div.chatBox {
padding: 0;
height: min-content;
height: 100%;
}
div.chatLayout {

20
src/interface/web/app/page.module.css
View File

@@ -89,26 +89,19 @@ div.homeGreetings {
div.sidePanel {
position: fixed;
height: 100%;
height: max-content;
}
@media (max-width: 768px) {
div.chatBody {
grid-template-columns: 0fr 1fr;
}
div.chatBox {
padding: 0;
height: min-content;
}
}
@media screen and (max-width: 768px) {
div.inputBox {
margin-bottom: 0px;
}
div.chatBody {
grid-template-columns: 0fr 1fr;
}
div.chatBoxBody {
width: 100%;
grid-template-rows: auto;
@@ -120,12 +113,13 @@ div.sidePanel {
div.chatBox {
padding: 0;
height: min-content;
height: 100%;
}
div.chatLayout {
gap: 0;
grid-template-columns: 1fr;
grid-template-rows: auto 1fr;
}
div.homeGreetings {

2
src/interface/web/app/page.tsx
View File

@@ -170,7 +170,7 @@ function ChatBodyData(props: ChatBodyDataProps) {
}
<div className={`w-full text-center justify-end content-end`}>
<div className="items-center">
<h1 className="text-center w-fit pb-6 px-4 mx-auto">{greeting}</h1>
<h1 className="text-2xl text-center w-fit pb-6 px-4 mx-auto">{greeting}</h1>
</div>
{
!props.isMobileWidth &&