38 lines
865 B
SCSS
38 lines
865 B
SCSS
.chat-list-container {
|
|
height: 100%; /* Ensure it takes up the full available height */
|
|
border: 1px solid gainsboro;
|
|
overflow: auto; /* Allow scrolling for the Virtuoso component */
|
|
}
|
|
|
|
.chat-list-item {
|
|
.ant-card-head {
|
|
border: none;
|
|
}
|
|
|
|
&:hover {
|
|
cursor: pointer;
|
|
color: #ff7a00;
|
|
}
|
|
}
|
|
|
|
/* Virtuoso item container adjustments */
|
|
.chat-list-container > div {
|
|
height: 100%; /* Ensure Virtuoso takes full height */
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
/* Add spacing and better alignment for items */
|
|
.chat-list-item {
|
|
padding: 0.5rem 0; /* Add spacing between list items */
|
|
|
|
.ant-card {
|
|
border-radius: 8px; /* Slight rounding for card edges */
|
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); /* Subtle shadow for better definition */
|
|
}
|
|
|
|
&:hover .ant-card {
|
|
border-color: #ff7a00; /* Highlight border on hover */
|
|
}
|
|
}
|