Skip to content

Commit a5ac4a4

Browse files
fix: Text is overlapping in the citation section (Line spacing) (#999)
1 parent 70e2a50 commit a5ac4a4

1 file changed

Lines changed: 44 additions & 38 deletions

File tree

code/frontend/src/pages/chat/Chat.module.css

Lines changed: 44 additions & 38 deletions
Original file line numberDiff line numberDiff line change
@@ -234,7 +234,7 @@
234234
color: #323130;
235235
margin-top: 12px;
236236
margin-bottom: 12px;
237-
}
237+
}
238238

239239
.citationPanelContent {
240240
font-family: "Segoe UI";
@@ -247,58 +247,64 @@
247247
order: 1;
248248
align-self: stretch;
249249
flex-grow: 0;
250-
}
250+
}
251+
252+
.citationPanelContent h1 {
253+
254+
line-height: 30px;
255+
256+
}
251257

252-
.MobileChatContainer{
253-
@media screen and (max-width: 600px) {
258+
.MobileChatContainer {
259+
@media screen and (max-width: 600px) {
254260
max-width: 100%;
255261
margin: 0 auto;
256262
padding: 8px;
257-
258-
}
263+
264+
}
259265
}
260266

261267
.mobileStyles {
262-
@media screen and (max-width: 600px) {
268+
@media screen and (max-width: 600px) {
263269
max-width: 100%;
264-
flex-grow: 1;
270+
flex-grow: 1;
265271
max-height: 100vh;
266272
}
267-
}
273+
}
268274

269-
.mobileclearChatBroom{
270-
@media screen and (max-width: 600px) {
275+
.mobileclearChatBroom {
276+
@media screen and (max-width: 600px) {
271277
left: -30px;
272-
273-
}
278+
274279
}
275-
276-
.mobileCitationPanelTitle{
277-
@media screen and (max-width: 600px) {
278-
font-weight: 400;
279-
font-size: 12px;
280-
margin-top: 8px;
281-
margin-bottom: 8px;
282-
283-
}
280+
}
281+
282+
.mobileCitationPanelTitle {
283+
@media screen and (max-width: 600px) {
284+
font-weight: 400;
285+
font-size: 12px;
286+
margin-top: 8px;
287+
margin-bottom: 8px;
288+
284289
}
290+
}
285291

286-
.mobileCitationPanelContent{
287-
@media screen and (max-width: 600px){
288-
font-weight: 250;
289-
font-size: 11px;
292+
.mobileCitationPanelContent {
293+
@media screen and (max-width: 600px) {
294+
font-weight: 250;
295+
font-size: 11px;
290296

291-
}
292297
}
298+
}
293299

294-
@media screen and (max-width: 600px){
295-
h1{
296-
font-weight: 300;
297-
font-size: 14px;
298-
}
299-
300-
h2{
301-
font-weight: 300;
302-
font-size: 12px;
303-
}
304-
}
300+
@media screen and (max-width: 600px) {
301+
h1 {
302+
font-weight: 300;
303+
font-size: 14px;
304+
}
305+
306+
h2 {
307+
font-weight: 300;
308+
font-size: 12px;
309+
}
310+
}

0 commit comments

Comments
 (0)