Hugging Face's logo

Spaces:
Subbu1304
/
aichatbot
Sleeping

App Files Community
Subbu1304 commited on
Commit
25c67ef
·
verified ·
1 Parent(s): 2f498e4

Update static/styles.css

Browse files
Files changed (1) hide show
  1. static/styles.css +22 -45
static/styles.css CHANGED
@@ -1,52 +1,29 @@
1
- /* Chat Container */
2
- .chat-container {
3
- font-family: Arial, sans-serif;
4
- background-color: #f8f9fa;
5
- margin: 0;
6
- padding: 0;
7
- display: flex;
8
- justify-content: center;
9
- align-items: center;
10
- height: 100vh;
11
  }
12
 
13
- #chatbox-container {
14
- width: 400px;
15
- background-color: white;
16
- border-radius: 10px;
17
- box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
18
- overflow: hidden;
 
19
  }
20
 
21
- .chat-header {
22
- background-color: #3b82f6;
23
- padding: 10px;
24
- color: white;
25
- text-align: center;
 
26
  }
27
 
28
- .bot-message, .user-message {
29
- background-color: #e0e0e0;
30
- padding: 10px;
31
- margin: 5px 0;
32
- border-radius: 8px;
33
- max-width: 80%;
34
- }
35
-
36
- .user-message {
37
- background-color: #3b82f6;
38
- color: white;
39
- }
40
-
41
- #submit-btn {
42
- padding: 10px 20px;
43
- background-color: #3b82f6;
44
- color: white;
45
- border: none;
46
- border-radius: 8px;
47
- cursor: pointer;
48
- }
49
-
50
- #submit-btn:hover {
51
- background-color: #2563eb;
52
  }
 
1
+ body {
2
+ font-family: Arial, sans-serif;
 
 
 
 
 
 
 
 
3
  }
4
 
5
+ #chat-container {
6
+ width: 80%;
7
+ max-width: 600px;
8
+ margin: 0 auto;
9
+ background-color: #f9f9f9;
10
+ padding: 10px;
11
+ border-radius: 5px;
12
  }
13
 
14
+ #user-input {
15
+ width: 100%;
16
+ padding: 10px;
17
+ margin-top: 10px;
18
+ border: 1px solid #ccc;
19
+ border-radius: 5px;
20
  }
21
 
22
+ button {
23
+ background-color: #4F46E5;
24
+ color: white;
25
+ padding: 10px;
26
+ border: none;
27
+ border-radius: 5px;
28
+ margin-top: 10px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
29
  }