Hugging Face's logo

Spaces:
preview
/
IntelliChat-v1
Sleeping

App Files
ntphuc149 commited on
Commit
5f49ddf
·
verified ·
1 Parent(s): e222dff

feat: change font

Browse files
Files changed (1) hide show
  1. static/styles.css +97 -91
static/styles.css CHANGED
@@ -1,91 +1,97 @@
1
- .user-message {
2
- display: flex;
3
- justify-content: flex-end;
4
- align-items: center;
5
- margin: 10px 0;
6
- color: white;
7
- }
8
-
9
- .user-message .stMarkdown {
10
- background: linear-gradient(0.9turn, #d46c4e, #ca8d57);
11
- /* background: linear-gradient(0.9turn, #112c55, #3578cf); */
12
- border-radius: 15px;
13
- padding: 10px;
14
- max-width: 80%;
15
- word-wrap: break-word;
16
- }
17
-
18
- .user-avatar {
19
- order: 2;
20
- margin-left: 10px;
21
- width: 38px;
22
- height: 38px;
23
- border-radius: 50%;
24
- align-self: flex-start;
25
- }
26
-
27
- .assistant-message {
28
- display: flex;
29
- align-items: center;
30
- margin: 10px 0;
31
- color: black;
32
- }
33
-
34
- .assistant-message .stMarkdown {
35
- background-color: #dadada;
36
- border-radius: 15px;
37
- padding: 10px;
38
- max-width: 80%;
39
- word-wrap: break-word;
40
- }
41
-
42
- .assistant-options {
43
- display: flex;
44
- align-items: center;
45
- gap: 12px;
46
- margin-top: 8px;
47
- color: #666;
48
- }
49
-
50
- .assistant-options i {
51
- cursor: pointer;
52
- }
53
-
54
- .assistant-options i:hover {
55
- color: #333;
56
- }
57
-
58
- .assistant-avatar {
59
- margin-right: 10px;
60
- width: 38px;
61
- height: 38px;
62
- border-radius: 50%;
63
- align-self: flex-start;
64
- }
65
-
66
- .logo_area {
67
- display: flex;
68
- justify-content: center;
69
- }
70
-
71
- .logo_area img {
72
- margin-top: 50px;
73
- margin-left: 0px auto;
74
- width: 149px;
75
- }
76
-
77
- /* [data-testid="baseButton-headerNoPadding"], */
78
- [data-testid="stDecoration"],
79
- /* [data-testid="baseButton-header"], */
80
- [data-testid="stHeader"] {
81
- display: none;
82
- }
83
-
84
- [data-testid="stChatInput"],
85
- [data-testid="stChatInputSubmitButton"] {
86
- border-radius: 15px;
87
- }
88
-
89
- [data-baseweb="textarea"] {
90
- border-color: transparent;
91
- }
 
 
 
 
 
 
 
1
+ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap');
2
+
3
+ body {
4
+ font-family: 'Inter', sans-serif;
5
+ }
6
+
7
+ .user-message {
8
+ display: flex;
9
+ justify-content: flex-end;
10
+ align-items: center;
11
+ margin: 10px 0;
12
+ color: white;
13
+ }
14
+
15
+ .user-message .stMarkdown {
16
+ background: linear-gradient(0.9turn, #d46c4e, #ca8d57);
17
+ /* background: linear-gradient(0.9turn, #112c55, #3578cf); */
18
+ border-radius: 15px;
19
+ padding: 10px;
20
+ max-width: 80%;
21
+ word-wrap: break-word;
22
+ }
23
+
24
+ .user-avatar {
25
+ order: 2;
26
+ margin-left: 10px;
27
+ width: 38px;
28
+ height: 38px;
29
+ border-radius: 50%;
30
+ align-self: flex-start;
31
+ }
32
+
33
+ .assistant-message {
34
+ display: flex;
35
+ align-items: center;
36
+ margin: 10px 0;
37
+ color: black;
38
+ }
39
+
40
+ .assistant-message .stMarkdown {
41
+ background-color: #dadada;
42
+ border-radius: 15px;
43
+ padding: 10px;
44
+ max-width: 80%;
45
+ word-wrap: break-word;
46
+ }
47
+
48
+ .assistant-options {
49
+ display: flex;
50
+ align-items: center;
51
+ gap: 12px;
52
+ margin-top: 8px;
53
+ color: #666;
54
+ }
55
+
56
+ .assistant-options i {
57
+ cursor: pointer;
58
+ }
59
+
60
+ .assistant-options i:hover {
61
+ color: #333;
62
+ }
63
+
64
+ .assistant-avatar {
65
+ margin-right: 10px;
66
+ width: 38px;
67
+ height: 38px;
68
+ border-radius: 50%;
69
+ align-self: flex-start;
70
+ }
71
+
72
+ .logo_area {
73
+ display: flex;
74
+ justify-content: center;
75
+ }
76
+
77
+ .logo_area img {
78
+ margin-top: 50px;
79
+ margin-left: 0px auto;
80
+ width: 149px;
81
+ }
82
+
83
+ /* [data-testid="baseButton-headerNoPadding"], */
84
+ [data-testid="stDecoration"],
85
+ /* [data-testid="baseButton-header"], */
86
+ [data-testid="stHeader"] {
87
+ display: none;
88
+ }
89
+
90
+ [data-testid="stChatInput"],
91
+ [data-testid="stChatInputSubmitButton"] {
92
+ border-radius: 15px;
93
+ }
94
+
95
+ [data-baseweb="textarea"] {
96
+ border-color: transparent;
97
+ }