Upgrade: New Home Screen for Khoj (#860)

* V1 of the new automations page
Implemented:
- Shareable
- Editable
- Suggested Cards
- Create new cards
- added side panel new conversation button
- Implement mobile-friendly view for homepage
- Fix issue of new conversations being created when selected agent is changed
- Improve center of the homepage experience
- Fix showing agent during first chat experience
- dark mode gradient updates

---------

Co-authored-by: sabaimran <narmiabas@gmail.com>
This commit is contained in:
Raghav Tirumale
2024-07-24 03:46:19 -04:00
committed by GitHub
parent 9cf52bb7e4
commit 3e4325edab
23 changed files with 10964 additions and 1039 deletions

View File

@@ -4,10 +4,14 @@ div.main {
}
.suggestions {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
display: flex;
overflow-x: none;
height: 50%;
padding: 10px;
white-space: nowrap;
/* grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); */
gap: 1rem;
justify-content: center;
/* justify-content: center; */
}
div.inputBox {
@@ -124,3 +128,33 @@ div.agentIndicator {
}
}
#pink {
background-color: #f8d1f8;
color: #000000;
background-image: linear-gradient(to top, #f8d1f8 1%, white 100%);
}
#blue {
background-color: #d1f8f8;
color: #000000;
background-image: linear-gradient(to top, #d1f8f8 1%, white 100%);
}
#green {
background-color: #d1f8d1;
color: #000000;
background-image: linear-gradient(to top, #d1f8d1 1%, white 100%);
}
#purple {
background-color: #f8d1f8;
color: #000000;
background-image: linear-gradient(to top, #f8d1f8 1%, white 100%);
}
#yellow {
background-color: #f8f8d1;
color: #000000;
background-image: linear-gradient(to top, #f8f8d1 1%, white 100%);
}