areeb-h commited on
Commit
729b76d
1 Parent(s): 25f49ec

Update style.css

Browse files
Files changed (1) hide show
  1. style.css +45 -66
style.css CHANGED
@@ -1,76 +1,55 @@
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: Arial, sans-serif;
 
 
 
 
3
  display: flex;
 
4
  justify-content: center;
5
  align-items: center;
6
+ height: 100vh;
7
+ margin: 0;
8
+ background-color: #f4f4f9;
9
+ }
10
+
11
+ .container {
12
+ text-align: center;
13
+ width: 100%;
14
+ max-width: 600px;
15
+ background: #fff;
16
+ padding: 20px;
17
+ border-radius: 10px;
18
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
19
+ }
20
+
21
+ textarea {
22
+ width: 100%;
23
+ height: 100px;
24
+ padding: 10px;
25
+ margin-top: 20px;
26
+ margin-bottom: 10px;
27
+ border-radius: 5px;
28
+ border: 1px solid #ccc;
29
+ font-size: 16px;
30
+ }
31
+
32
+ button {
33
+ padding: 10px 20px;
34
+ font-size: 16px;
35
+ color: #fff;
36
+ background-color: #007BFF;
37
+ border: none;
38
+ border-radius: 5px;
 
39
  cursor: pointer;
40
  }
41
 
42
+ button:hover {
43
+ background-color: #0056b3;
44
  }
45
 
46
+ #output {
47
+ margin-top: 20px;
48
+ padding: 10px;
49
+ background: #f8f9fa;
50
+ border-radius: 5px;
51
+ border: 1px solid #ccc;
52
+ font-size: 16px;
53
+ text-align: left;
54
+ min-height: 50px;
55
  }