AilexGPT commited on
Commit
9183624
1 Parent(s): 80f978e

Update style.css

Browse files
Files changed (1) hide show
  1. style.css +46 -71
style.css CHANGED
@@ -1,76 +1,51 @@
1
- * {
2
- box-sizing: border-box;
3
- padding: 0;
4
- margin: 0;
5
- font-family: sans-serif;
6
- }
7
-
8
- html,
9
- body {
10
- height: 100%;
11
- }
12
-
13
  body {
14
- padding: 32px;
15
- }
16
-
17
- body,
18
- #container {
19
- display: flex;
20
- flex-direction: column;
21
- justify-content: center;
22
- align-items: center;
23
- }
24
-
25
- #container {
26
- position: relative;
27
- gap: 0.4rem;
28
-
29
- width: 640px;
30
- height: 640px;
31
- max-width: 100%;
32
- max-height: 100%;
33
-
34
- border: 2px dashed #D1D5DB;
35
- border-radius: 0.75rem;
36
- overflow: hidden;
37
- cursor: pointer;
38
- margin: 1rem;
39
-
40
- background-size: 100% 100%;
41
- background-position: center;
42
- background-repeat: no-repeat;
43
- font-size: 18px;
44
- }
45
-
46
- #upload {
47
- display: none;
48
- }
49
-
50
- svg {
51
- pointer-events: none;
52
- }
53
-
54
- #example {
55
- font-size: 14px;
56
- text-decoration: underline;
 
57
  cursor: pointer;
58
  }
59
 
60
- #example:hover {
61
- color: #2563EB;
62
  }
63
-
64
- .bounding-box {
65
- position: absolute;
66
- box-sizing: border-box;
67
- border: solid 2px;
68
- }
69
-
70
- .bounding-box-label {
71
- color: white;
72
- position: absolute;
73
- font-size: 12px;
74
- margin: -16px 0 0 -2px;
75
- padding: 1px;
76
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
1
  body {
2
+ margin: 0;
3
+ padding: 0;
4
+ font-family: Arial, sans-serif;
5
+ background-color: #000;
6
+ color: #fff;
7
+ }
8
+
9
+ #chat-container {
10
+ width: 100%;
11
+ max-width: 600px;
12
+ margin: 0 auto;
13
+ border: 1px solid #444;
14
+ background-color: #222;
15
+ padding: 20px;
16
+ border-radius: 8px;
17
+ }
18
+
19
+ #chat-box {
20
+ height: 400px;
21
+ overflow-y: auto;
22
+ border: 1px solid #444;
23
+ padding: 10px;
24
+ margin-bottom: 10px;
25
+ background-color: #333;
26
+ border-radius: 4px;
27
+ }
28
+
29
+ #user-input {
30
+ width: calc(100% - 90px);
31
+ padding: 10px;
32
+ margin-right: 10px;
33
+ border-radius: 4px;
34
+ border: 1px solid #444;
35
+ background-color: #333;
36
+ color: #fff;
37
+ }
38
+
39
+ #send-button {
40
+ width: 80px;
41
+ background-color: #555;
42
+ color: #fff;
43
+ padding: 10px;
44
+ border: none;
45
+ border-radius: 4px;
46
  cursor: pointer;
47
  }
48
 
49
+ #send-button:hover {
50
+ background-color: #666;
51
  }