Spaces:
Running
Running
File size: 2,590 Bytes
8e65602 8fba2a6 e9b63e6 d9dbd57 8fba2a6 e9b63e6 75ae16d 8fba2a6 8e65602 9a085da 8fba2a6 75ae16d 9a085da 8fba2a6 75ae16d 8fba2a6 75ae16d 8fba2a6 75ae16d 8fba2a6 0d455d2 63d5e0f 75ae16d 9a085da 75ae16d 8e65602 2e45767 8e65602 2e45767 8e65602 2e45767 8e65602 2e45767 8e65602 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 | /* Sidebar.module.css */
@import "../_variables.css";
.sidebarContainer {
width: 100%;
min-width: 250px;
height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
background-color: var(--sidebar-background-color);
}
.sidebarContainer .buttonContainer {
box-sizing: border-box;
display: flex;
width: 100%;
justify-content: center;
align-items: center;
gap: 10px;
position: relative;
padding: 20px 10px;
}
.sidebarContainer .buttonContainer .addChatButton {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
}
.sidebarContainer .buttonContainer .searchButton {
display: flex;
align-items: center;
justify-content: center;
}
.sidebarContainer .chatsContainer {
display: flex;
width: 100%;
flex-direction: column;
align-items: center;
justify-content: flex-start;
flex-grow: 1;
overflow-y: auto;
}
.chatsContainer::-webkit-scrollbar-track {
display: none;
width: 0;
}
.chatsContainer::-webkit-scrollbar {
display: none;
width: 0;
background: transparent;
}
.sidebarContainer .themeSwitcher {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
box-sizing: border-box;
}
.hide-neighbor {
opacity: 0;
pointer-events: none;
}
.noChatsPlaceholder {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 20px;
color: var(--text-color-secondary);
height: 100%;
}
.noChatsIcon {
font-size: 48px;
margin-bottom: 0;
color: var(--text-color-secondary);
}
.noChatsTitle {
font-size: 18px;
font-weight: bold;
margin-bottom: 15px;
color: var(--text-color-secondary);
}
.noChatsDescriptionLine {
font-size: 14px;
line-height: 1.2;
color: #797B7E;
margin: 0;
padding: 0;
}
.horizontalLine {
margin-top: var(--spacing-huge);
width: 100%;
border: none;
display: flex;
background-color: var(--color-chat-button-hover);
height: 1px;
}
.noRecentConversations {
margin-top: var(--spacing-xs);
width: 100%;
transition: none;
background-color: transparent;
}
.noRecentConversations:hover {
cursor: default;
background-color: transparent;
transform: translateY(0px);
}
.noRecentConversations:active {
cursor: default;
background-color: transparent;
}
.noRecentConversations p {
color: var(--text-color-secondary);
}
|