Blame Raw
Cohee · 51ad27fb · · 239 lines (5.2 KB)
2 contributors
1#chat .mes[type="assistant_message"] .mes_button {
2 display: none;
3}
4
5.welcomePanel {
6 display: flex;
7 flex-direction: column;
8 gap: 5px;
9 padding: 10px;
10 width: 100%;
11}
12
13.welcomePanel:has(.showMoreChats) {
14 padding-bottom: 5px;
15}
16
17.welcomePanel.recentHidden .welcomeRecent,
18.welcomePanel.recentHidden .recentChatsTitle,
19.welcomePanel.recentHidden .hideRecentChats,
20.welcomePanel.recentHidden .recentChatsSettings,
21.welcomePanel:not(.recentHidden) .showRecentChats {
22 display: none;
23}
24
25body.bubblechat .welcomePanel {
26 border-radius: 10px;
27 background-color: var(--SmartThemeBotMesBlurTintColor);
28 border: 1px solid var(--SmartThemeBorderColor);
29 margin-bottom: 5px;
30}
31
32body.hideChatAvatars .welcomePanel .recentChatList .recentChat .avatar {
33 display: none;
34}
35
36.welcomePanel .welcomeHeader {
37 display: flex;
38 flex-direction: row;
39 align-items: center;
40 justify-content: flex-end;
41}
42
43.welcomePanel .recentChatsTitle {
44 flex-grow: 1;
45 font-size: calc(var(--mainFontSize) * 1.15);
46 font-weight: 600;
47}
48
49.welcomePanel .welcomeHeaderTitle {
50 margin: 0;
51 flex-grow: 1;
52 display: flex;
53 flex-direction: row;
54 align-items: center;
55 gap: 10px;
56}
57
58.welcomePanel .welcomeHeaderVersionDisplay {
59 font-size: calc(var(--mainFontSize) * 1.3);
60 font-weight: 600;
61 flex-grow: 1;
62}
63
64.welcomePanel .welcomeHeaderLogo {
65 width: 30px;
66 height: 30px;
67}
68
69.welcomePanel .welcomeShortcuts {
70 display: flex;
71 flex-direction: row;
72 flex-wrap: wrap;
73 align-items: center;
74 justify-content: center;
75 gap: 5px;
76}
77
78.welcomePanel .welcomeShortcuts .welcomeShortcutsSeparator {
79 margin: 0 2px;
80 color: var(--SmartThemeBorderColor);
81 font-size: calc(var(--mainFontSize) * 1.1);
82}
83
84.welcomeRecent .recentChatList {
85 display: flex;
86 flex-direction: column;
87 width: 100%;
88 gap: 2px;
89}
90
91.welcomeRecent .welcomePanelLoader {
92 display: flex;
93 justify-content: center;
94 align-items: center;
95 flex: 1;
96 width: 100%;
97 height: 100%;
98 position: absolute;
99}
100
101.welcomePanel .recentChatList .noRecentChat {
102 display: flex;
103 flex-direction: row;
104 justify-content: center;
105 align-items: baseline;
106 gap: 5px;
107 padding: 10px;
108}
109
110.welcomeRecent .recentChatList .recentChat {
111 display: flex;
112 flex-direction: row;
113 align-items: center;
114 padding: 5px 10px;
115 border-radius: 10px;
116 cursor: pointer;
117 gap: 10px;
118 border: 1px solid var(--SmartThemeBorderColor);
119 position: relative;
120}
121
122.welcomeRecent .recentChatList .recentChat .avatar {
123 flex: 0;
124 align-self: center;
125}
126
127.welcomeRecent .recentChatList .recentChat:hover {
128 background-color: var(--white30a);
129}
130
131.welcomeRecent .recentChatList .recentChat .recentChatInfo {
132 display: flex;
133 flex-direction: column;
134 flex-wrap: nowrap;
135 flex-grow: 1;
136 overflow: hidden;
137 justify-content: center;
138 align-self: flex-start;
139}
140
141.welcomeRecent .recentChatList .recentChat .chatNameContainer {
142 display: flex;
143 flex-direction: row;
144 justify-content: space-between;
145 align-items: baseline;
146 font-size: calc(var(--mainFontSize) * 1);
147 gap: 5px;
148}
149
150.welcomeRecent .recentChatList .recentChat .chatNameContainer .chatName {
151 white-space: nowrap;
152 text-overflow: ellipsis;
153 overflow: hidden;
154 flex: 1;
155}
156
157.welcomeRecent .recentChatList .recentChat .chatActions {
158 display: flex;
159 flex-direction: row;
160 align-items: center;
161 justify-content: center;
162 gap: 5px;
163}
164
165.welcomeRecent .recentChatList .recentChat .chatActions button {
166 margin: 0;
167 font-size: 0.8em;
168 cursor: pointer;
169}
170
171.welcomeRecent .recentChatList .recentChat .chatMessageContainer {
172 display: flex;
173 flex-direction: row;
174 align-items: center;
175 justify-content: space-between;
176 gap: 5px;
177 font-size: calc(var(--mainFontSize) * 0.85);
178}
179
180.welcomeRecent .recentChatList .recentChat .chatMessageContainer .chatMessage {
181 display: -webkit-box;
182 -webkit-box-orient: vertical;
183 -webkit-line-clamp: 2;
184 line-clamp: 2;
185 overflow: hidden;
186}
187
188body.big-avatars .welcomeRecent .recentChatList .recentChat .chatMessageContainer .chatMessage {
189 -webkit-line-clamp: 4;
190 line-clamp: 4;
191}
192
193.welcomeRecent .recentChatList .recentChat .chatStats {
194 display: flex;
195 flex-direction: row;
196 justify-content: flex-end;
197 align-items: baseline;
198 align-self: flex-start;
199 gap: 5px;
200}
201
202.welcomeRecent .recentChatList .recentChat .chatStats .counterBlock {
203 display: flex;
204 flex-direction: row;
205 align-items: baseline;
206 gap: 5px;
207}
208
209.welcomeRecent .recentChatList .recentChat .chatStats .counterBlock::after {
210 content: "|";
211 color: var(--SmartThemeBorderColor);
212 font-size: calc(var(--mainFontSize) * 0.95);
213}
214
215.welcomeRecent .recentChatList .recentChat.hidden {
216 display: none;
217}
218
219.welcomeRecent .recentChatList .showMoreChats {
220 align-self: center;
221}
222
223.welcomeRecent .recentChatList .showMoreChats.rotated {
224 transform: rotate(180deg);
225}
226
227.welcomeRecent .recentChatList .recentChat .recentChatPinned {
228 top: 1px;
229 left: 1px;
230 position: absolute;
231 opacity: 0.8;
232 color: var(--SmartThemeQuoteColor);
233}
234
235@media screen and (max-width: 1000px) {
236 .welcomePanel .welcomeShortcuts a span {
237 display: none;
238 }
239}