ciyidogan commited on
Commit
85ef17d
·
verified ·
1 Parent(s): db25410

Update flare-ui/src/app/components/chat/chat.component.scss

Browse files
flare-ui/src/app/components/chat/chat.component.scss CHANGED
@@ -1,58 +1,58 @@
1
- .start-wrapper {
2
- display: flex;
3
- justify-content: center;
4
- padding: 24px;
5
- }
6
-
7
- .chat-card {
8
- display: flex;
9
- flex-direction: column;
10
- height: 100%;
11
- }
12
-
13
- .chat-history {
14
- flex: 1;
15
- overflow-y: auto;
16
- padding: 16px;
17
- background: #fafafa;
18
- }
19
-
20
- .msg-row {
21
- display: flex;
22
- margin: 6px 0;
23
-
24
- &.me {
25
- justify-content: flex-end;
26
-
27
- .bubble {
28
- background: #d0f0ff;
29
- color: #000;
30
- }
31
- }
32
-
33
- &.bot {
34
- justify-content: flex-start;
35
-
36
- .bubble {
37
- background: #eeeeee;
38
- color: #000;
39
- }
40
- }
41
-
42
- .bubble {
43
- max-width: 70%;
44
- padding: 8px 12px;
45
- border-radius: 16px;
46
- line-height: 1.4;
47
- word-wrap: break-word;
48
- }
49
- }
50
-
51
- .input-row {
52
- display: flex;
53
- padding: 8px 16px;
54
-
55
- .flex-1 {
56
- flex: 1;
57
- }
58
- }
 
1
+ .start-wrapper {
2
+ display: flex;
3
+ justify-content: center;
4
+ padding: 24px;
5
+ }
6
+
7
+ .chat-card {
8
+ display: flex;
9
+ flex-direction: column;
10
+ height: 100%;
11
+ }
12
+
13
+ .chat-history {
14
+ flex: 1;
15
+ overflow-y: auto;
16
+ padding: 16px;
17
+ background: #fafafa;
18
+ }
19
+
20
+ .msg-row {
21
+ display: flex;
22
+ margin: 6px 0;
23
+
24
+ &.me {
25
+ justify-content: flex-end;
26
+
27
+ .bubble {
28
+ background: #d0f0ff;
29
+ color: #000;
30
+ }
31
+ }
32
+
33
+ &.bot {
34
+ justify-content: flex-start;
35
+
36
+ .bubble {
37
+ background: #eeeeee;
38
+ color: #000;
39
+ }
40
+ }
41
+
42
+ .bubble {
43
+ max-width: 70%;
44
+ padding: 8px 12px;
45
+ border-radius: 16px;
46
+ line-height: 1.4;
47
+ word-wrap: break-word;
48
+ }
49
+ }
50
+
51
+ .input-row {
52
+ display: flex;
53
+ padding: 8px 16px;
54
+
55
+ .flex-1 {
56
+ flex: 1;
57
+ }
58
+ }