Hugging Face's logo

Spaces:
Trigger82
/
Try
Paused

App Files Community
Trigger82 commited on
Commit
cfdbd32
·
verified ·
1 Parent(s): 315722c

Update public/style.css

Browse files
Files changed (1) hide show
  1. public/style.css +55 -121
public/style.css CHANGED
@@ -1,151 +1,85 @@
1
- :root {
2
- --bg-color: #1e1e1e;
3
- --panel-bg: #252526;
4
- --text-color: #e0e0e0;
5
- --accent-color: #4CAF50;
6
- --error-color: #f44336;
7
- --warning-color: #ff9800;
8
- --info-color: #2196F3;
9
- }
10
-
11
- * {
12
- box-sizing: border-box;
13
- margin: 0;
14
- padding: 0;
15
- }
16
 
17
  body {
18
- font-family: 'Consolas', 'Courier New', monospace;
19
- background-color: var(--bg-color);
20
- color: var(--text-color);
21
- line-height: 1.6;
22
  padding: 20px;
23
  }
24
 
25
- .container {
26
- max-width: 1200px;
27
  margin: 0 auto;
28
  }
29
 
30
- header {
31
- display: flex;
32
- justify-content: space-between;
33
- align-items: center;
34
- margin-bottom: 20px;
35
  }
36
 
37
- .status-indicator {
38
- padding: 5px 10px;
39
- background-color: var(--accent-color);
40
- border-radius: 3px;
41
- font-size: 0.8rem;
 
42
  }
43
 
44
- .panel {
45
- background-color: var(--panel-bg);
46
- border-radius: 5px;
47
- padding: 15px;
48
- margin-bottom: 15px;
 
49
  }
50
 
51
- .input-group {
52
- display: flex;
53
- margin-bottom: 10px;
 
 
 
 
 
54
  }
55
 
56
- .input-group input, .input-group select {
57
- flex: 1;
58
- padding: 8px;
59
- background-color: #333;
60
- border: 1px solid #444;
61
- color: var(--text-color);
62
- font-family: inherit;
63
  }
64
 
65
- .input-group button {
66
- padding: 8px 15px;
67
- margin-left: 5px;
68
- background-color: var(--accent-color);
69
- border: none;
70
- color: white;
71
- cursor: pointer;
72
- border-radius: 3px;
73
  }
74
 
75
- .input-group button:hover {
76
- opacity: 0.9;
 
 
 
 
 
 
77
  }
78
 
79
- .terminal {
80
- background-color: #000;
81
- border-radius: 5px;
82
  padding: 15px;
83
- height: 300px;
84
  overflow-y: auto;
85
- font-family: 'Courier New', monospace;
86
  white-space: pre-wrap;
87
  }
88
 
89
- #output {
90
- margin-bottom: 10px;
 
91
  }
92
 
93
- .input-line {
94
  display: flex;
95
- align-items: center;
96
- }
97
-
98
- .prompt {
99
- margin-right: 5px;
100
- color: var(--accent-color);
101
- }
102
-
103
- #commandInput {
104
- flex: 1;
105
- background: transparent;
106
- border: none;
107
- color: var(--text-color);
108
- font-family: 'Courier New', monospace;
109
- outline: none;
110
- }
111
-
112
- .file-browser {
113
- display: flex;
114
- }
115
-
116
- .file-list {
117
- width: 200px;
118
- margin-right: 15px;
119
- overflow-y: auto;
120
- max-height: 300px;
121
- }
122
-
123
- .file-editor {
124
- flex: 1;
125
- display: flex;
126
- flex-direction: column;
127
- }
128
-
129
- #fileEditor {
130
- flex: 1;
131
- background-color: #333;
132
- color: var(--text-color);
133
- border: none;
134
- padding: 10px;
135
- font-family: 'Consolas', 'Courier New', monospace;
136
- margin-bottom: 10px;
137
- resize: none;
138
- }
139
-
140
- .admin-panel {
141
- background-color: #2a0f0f;
142
- padding: 15px;
143
- border-radius: 5px;
144
- margin-top: 20px;
145
- }
146
-
147
- /* Status colors */
148
- .connected { background-color: var(--accent-color); }
149
- .disconnected { background-color: var(--error-color); }
150
- .warning { background-color: var(--warning-color); }
151
- .info { background-color: var(--info-color); }
 
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
+ }