Hugging Face's logo

Spaces:
Trigger82
/
Try
Paused

App Files Community
Trigger82 commited on
Commit
3650b71
·
verified ·
1 Parent(s): ea2968b

Update public/style.css

Browse files
Files changed (1) hide show
  1. public/style.css +22 -74
public/style.css CHANGED
@@ -1,85 +1,33 @@
1
- /* ───────────────────────────────────────────────────────────────────────── */
2
- /* GLOBAL STYLES */
3
- /* ───────────────────────────────────────────────────────────────────────── */
4
-
5
  body {
6
  font-family: Arial, sans-serif;
7
- background: #f5f5f5;
8
- margin: 0;
9
- padding: 20px;
10
  }
11
-
12
- #app {
13
- max-width: 700px;
14
- margin: 0 auto;
15
  }
16
-
17
- h1 {
18
- text-align: center;
19
- color: #333;
20
  }
21
-
22
- .card {
23
- background: #fff;
24
- border-radius: 8px;
25
- box-shadow: 0 2px 8px rgba(0,0,0,0.1);
26
- margin-bottom: 20px;
27
- padding: 20px;
28
- }
29
-
30
  input {
31
- width: calc(100% - 22px);
32
- padding: 10px;
33
- margin: 8px 0;
34
- border: 1px solid #ddd;
35
- border-radius: 4px;
36
  }
37
-
38
  button {
39
- padding: 10px 15px;
40
- margin: 8px 4px 8px 0;
41
- background: #0b79d0;
42
- border: none;
43
- border-radius: 4px;
44
- color: #fff;
45
- cursor: pointer;
46
- }
47
-
48
- button:hover {
49
- background: #095a9c;
50
- }
51
-
52
- .small-button {
53
- padding: 6px 10px;
54
- font-size: 0.9rem;
55
  }
56
-
57
- .admin-badge {
58
- display: inline-block;
59
- background: #f39c12;
60
- color: white;
61
- padding: 2px 6px;
62
- border-radius: 4px;
63
- font-size: 0.85rem;
64
- margin-left: 8px;
65
- }
66
-
67
- pre {
68
- background: #1e1e1e;
69
- color: #00ff7f;
70
- padding: 15px;
71
- height: 250px;
72
- overflow-y: auto;
73
- border-radius: 4px;
74
- white-space: pre-wrap;
75
- }
76
-
77
- .message {
78
- color: red;
79
- margin-top: 8px;
80
  }
81
-
82
- .button-row {
83
- display: flex;
84
- justify-content: space-between;
85
  }
 
 
 
 
 
1
  body {
2
  font-family: Arial, sans-serif;
3
+ margin: 20px;
 
 
4
  }
5
+ h1, h2 {
6
+ margin-bottom: 10px;
 
 
7
  }
8
+ #login-screen, #panel {
9
+ max-width: 600px;
10
+ margin: auto;
 
11
  }
 
 
 
 
 
 
 
 
 
12
  input {
13
+ padding: 8px;
14
+ margin: 5px 0;
15
+ width: 100%;
16
+ box-sizing: border-box;
 
17
  }
 
18
  button {
19
+ padding: 8px 16px;
20
+ margin: 5px 0;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
21
  }
22
+ #messages {
23
+ margin: 10px 0;
24
+ background: #f9f9f9;
25
+ padding: 10px;
26
+ height: 300px;
27
+ overflow-y: scroll;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
28
  }
29
+ #admin-panel {
30
+ margin-top: 20px;
31
+ border-top: 1px solid #ccc;
32
+ padding-top: 10px;
33
  }