Hugging Face's logo

Spaces:
ibrahimlasfar
/
mgpt
Runtime error

App Files Community
Mark-Lasfar commited on
Commit
6cb4e70
·
1 Parent(s): 56bb76e

add chat

Browse files
Files changed (1) hide show
  1. static/css/chat/style.css +56 -14
static/css/chat/style.css CHANGED
@@ -1,21 +1,63 @@
1
- #chatArea {
2
- display: flex !important;
3
- opacity: 1 !important;
4
- visibility: visible !important;
 
 
 
 
 
 
 
 
 
 
 
 
5
  }
6
 
7
- #chatBox {
8
- display: flex !important;
9
- opacity: 1 !important;
10
- visibility: visible !important;
 
 
 
11
  }
12
 
13
- #footerForm {
14
- display: flex !important;
15
- opacity: 1 !important;
16
- visibility: visible !important;
 
17
  }
18
 
19
- .hidden {
20
- display: none !important;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
21
  }
 
1
+ /*
2
+ * SPDX-FileCopyrightText: Hadad <hadad@linuxmail.org>
3
+ * SPDX-License-Identifier: Apache-2.0
4
+ */
5
+
6
+ .chat-title {
7
+ font-weight: 700;
8
+ font-size: 1rem;
9
+ color: #e6eefc;
10
+ display: flex;
11
+ align-items: center;
12
+ gap: 0.5rem;
13
+ text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
14
+ white-space: nowrap;
15
+ overflow: hidden;
16
+ text-overflow: ellipsis;
17
  }
18
 
19
+ html {
20
+ -webkit-text-size-adjust: 100%;
21
+ }
22
+ .chat-controls {
23
+ display: flex;
24
+ align-items: center;
25
+ gap: 0.5rem;
26
  }
27
 
28
+ .chat-section {
29
+ display: flex;
30
+ flex-direction: column;
31
+ width: 100%;
32
+ height: 100%;
33
  }
34
 
35
+ #chatArea {
36
+ flex: 1;
37
+ display: flex;
38
+ flex-direction: column;
39
+ overflow-y: auto;
40
+ width: 100%;
41
+ height: 100%;
42
+ box-sizing: border-box;
43
+ overflow-wrap: break-word;
44
+ word-wrap: break-word;
45
+ word-break: break-word;
46
+ max-width: 100%;
47
+ opacity: 1 !important; /* إضافة لضمان الظهور */
48
+ }
49
+
50
+ #chatBox {
51
+ display: flex;
52
+ flex-direction: column;
53
+ width: 100%;
54
+ height: 100%;
55
+ overflow-y: auto;
56
+ padding: 0.75rem 0.75rem calc(var(--footer-height) + 1rem) 1rem;
57
+ box-sizing: border-box;
58
+ max-width: 100%;
59
+ overflow-wrap: break-word;
60
+ word-wrap: break-word;
61
+ word-break: break-word;
62
+ opacity: 1 !important; /* إضافة لضمان الظهور */
63
  }