Hugging Face's logo

Spaces:
Trigger82
/
Try
Paused

App Files Community
Trigger82 commited on
Commit
a8205e4
·
verified ·
1 Parent(s): 4a77552

Create style.css

Browse files
Files changed (1) hide show
  1. public/style.css +151 -0
public/style.css ADDED
@@ -0,0 +1,151 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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); }