mirror of
https://github.com/khoaliber/khoj.git
synced 2026-03-03 05:29:12 +00:00
Changes for new agents page - Modernized agent cards - Responsive design to support mobile users - Button for users to create their own agents (coming soon) - Optimized to use tailwind and icon utils - Side panel added for quick access to conversations
60 lines
967 B
CSS
60 lines
967 B
CSS
div.titleBar {
|
|
padding: 16px 0;
|
|
text-align: left;
|
|
}
|
|
|
|
.agentPersonality p {
|
|
white-space: inherit;
|
|
overflow: hidden;
|
|
height: 77px;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
div.agentPersonality {
|
|
text-align: left;
|
|
grid-column: span 3;
|
|
overflow: hidden;
|
|
}
|
|
|
|
div.sidePanel {
|
|
position: fixed;
|
|
height: 100%;
|
|
}
|
|
|
|
div.chatLayout {
|
|
display: grid;
|
|
grid-template-columns: auto 1fr;
|
|
gap: 1rem;
|
|
}
|
|
|
|
|
|
button.infoButton {
|
|
border: none;
|
|
background-color: transparent !important;
|
|
text-align: left;
|
|
font-family: inherit;
|
|
font-size: medium;
|
|
}
|
|
|
|
|
|
div.agentList {
|
|
display: grid;
|
|
gap: 20px;
|
|
padding-top: 30px;
|
|
margin-right: auto;
|
|
grid-auto-flow: row;
|
|
grid-template-columns: 1fr 1fr;
|
|
margin-left: auto;
|
|
}
|
|
|
|
|
|
@media only screen and (max-width: 700px) {
|
|
div.agentList {
|
|
width: 100%;
|
|
padding: 0;
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
grid-template-columns: 1fr;
|
|
}
|
|
}
|