Hugging Face's logo

Spaces:
Ntabukiraniro
/
Liyainterview
Sleeping

App Files Community
1
Ntabukiraniro commited on
Commit
4e6662e
•
1 Parent(s): 6c24686

Upload styles.css

Browse files
Files changed (1) hide show
  1. styles.css +29 -47
styles.css CHANGED
@@ -1,59 +1,41 @@
1
- *{
2
- margin: 0;
3
- padding: 0;
 
4
  }
5
 
6
- .container{
7
- margin: 0 auto;
8
- text-align: center;
9
  }
10
 
11
- .display{
12
- width: 100%;
13
- padding: 5px 0;
14
- margin: 15px 0;
 
 
15
  }
16
 
17
- .controllers{
18
- width: 100%;
19
- padding: 5px 0;
20
- margin-top: 15px;
21
- margin-bottom: 35px;
22
  }
23
 
24
- button{
25
- padding-top: 0.25rem;
26
- padding-bottom: 0.25rem;
27
- padding-right: 0.75rem;
28
- padding-left: 0.75rem;
29
- margin-right: 0.5rem;
30
- margin-left: 0.1rem;
31
- font-size: 16px;
32
- background-color: #ffffff;
33
- color: #000000;
34
- border: 1px solid rgba(49, 51, 63, 0.2);
35
- border-radius: 0.25rem;
36
- margin-top: 0.75rem;
37
- margin-bottom: 0.25rem;
38
  }
39
 
40
- button:hover{
41
- padding-top: 0.25rem;
42
- padding-bottom: 0.25rem;
43
- padding-right: 0.75rem;
44
- padding-left: 0.75rem;
45
- margin-right: 0.5rem;
46
- margin-left: 0.1rem;
47
- font-size: 16px;
48
- background-color: #ffffff;
49
- color: #ff4c4b;
50
- border: 1px solid #ff4c4b;
51
- border-radius: 0.25rem;
52
- margin-top: 0.75rem;
53
- margin-bottom: 0.25rem;
54
  }
55
 
56
- audio {
57
- width: 450px;
58
- height: 45px;
59
- }
 
 
 
 
 
1
+ .chat-row {
2
+ display: flex;
3
+ margin: 5px;
4
+ width: 100%;
5
  }
6
 
7
+ .row-reverse {
8
+ flex-direction: row-reverse;
 
9
  }
10
 
11
+ .chat-bubble {
12
+ font-family: "Source Sans Pro", sans-serif, "Segoe UI", "Roboto", sans-serif;
13
+ border: 1px solid transparent;
14
+ padding: 5px 10px;
15
+ margin: 0px 7px;
16
+ max-width: 70%;
17
  }
18
 
19
+ .ai-bubble {
20
+ background: rgb(240, 242, 246);
21
+ border-radius: 10px;
 
 
22
  }
23
 
24
+ .human-bubble {
25
+ background: linear-gradient(135deg, rgb(0, 178, 255) 0%, rgb(0, 106, 255) 100%);
26
+ color: white;
27
+ border-radius: 20px;
 
 
 
 
 
 
 
 
 
 
28
  }
29
 
30
+ .chat-icon {
31
+ border-radius: 5px;
 
 
 
 
 
 
 
 
 
 
 
 
32
  }
33
 
34
+ .fixedContainer {
35
+ background-color:#ddd;
36
+ position: fixed;
37
+ padding: 2em;
38
+ left: 50%;
39
+ top: 0%;
40
+ transform: translateX(-50%);
41
+ }