Hugging Face's logo

Spaces:
MRasheq
/
webgpu
Running

App Files Community
MRasheq commited on
Commit
a4fa14c
·
verified ·
1 Parent(s): d38fc36

Update style.css

Browse files
Files changed (1) hide show
  1. style.css +44 -58
style.css CHANGED
@@ -1,76 +1,62 @@
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
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
3
+ max-width: 800px;
4
+ margin: 0 auto;
5
+ padding: 20px;
6
+ background: #f5f5f5;
7
  }
8
 
9
+ h1 {
10
+ color: #2d2d2d;
11
+ text-align: center;
12
  }
13
 
14
+ .chat-container {
15
+ background: white;
16
+ border-radius: 12px;
17
+ padding: 20px;
18
+ box-shadow: 0 2px 4px rgba(0,0,0,0.1);
 
19
  }
20
 
21
+ #questionInput {
22
+ width: 100%;
23
+ padding: 12px;
24
+ border: 1px solid #ddd;
25
+ border-radius: 8px;
26
+ margin-bottom: 12px;
27
+ font-size: 16px;
28
+ resize: vertical;
 
 
 
 
 
 
 
 
 
 
 
29
  }
30
 
31
+ #sendButton {
32
+ background: #007AFF;
33
+ color: white;
34
+ border: none;
35
+ padding: 12px 24px;
36
+ border-radius: 8px;
37
+ cursor: pointer;
38
+ font-size: 16px;
39
+ transition: background 0.2s;
40
  }
41
 
42
+ #sendButton:hover {
43
+ background: #0056b3;
 
 
44
  }
45
 
46
+ #responseContainer {
47
+ margin-top: 20px;
48
+ padding: 16px;
49
+ border: 1px solid #ddd;
50
+ border-radius: 8px;
51
+ min-height: 100px;
52
  }
53
 
54
+ #status {
55
+ color: #666;
56
+ font-style: italic;
 
57
  }
58
 
59
+ #response {
60
+ margin-top: 12px;
61
+ white-space: pre-wrap;
 
 
 
62
  }