Hugging Face's logo

Spaces:
Sachin5112
/
Replica
Sleeping

App Files Community
Sachin5112 commited on
Commit
b7ff1e0
·
verified ·
1 Parent(s): 8e9aa9d

Update static/style.css

Browse files
Files changed (1) hide show
  1. static/style.css +56 -31
static/style.css CHANGED
@@ -1,47 +1,72 @@
 
 
 
 
 
1
  body {
2
  margin: 0;
3
- font-family: system-ui, sans-serif;
4
- background: #0e0e11;
5
- color: #fff;
6
  }
7
 
8
- #app {
9
- max-width: 720px;
10
- margin: auto;
11
- padding: 16px;
12
  }
13
 
14
- header {
15
- text-align: center;
16
- margin-bottom: 20px;
 
 
 
 
17
  }
18
 
19
- textarea {
20
- width: 100%;
21
- height: 120px;
22
- background: #1c1c22;
23
- color: #fff;
24
- border: 1px solid #333;
25
- border-radius: 8px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
26
  padding: 10px;
 
 
 
27
  }
28
 
29
- button {
30
- margin-top: 10px;
31
- width: 100%;
32
- padding: 12px;
33
- background: #6c63ff;
34
- color: #fff;
35
  border: none;
36
- border-radius: 8px;
37
- font-size: 16px;
 
 
38
  }
39
 
40
- pre {
41
- margin-top: 20px;
42
- background: #111;
43
  padding: 12px;
44
- border-radius: 8px;
45
- max-height: 300px;
46
- overflow: auto;
 
47
  }
 
1
+ * {
2
+ box-sizing: border-box;
3
+ font-family: system-ui, sans-serif;
4
+ }
5
+
6
  body {
7
  margin: 0;
8
+ background: #0f172a;
9
+ color: #e5e7eb;
 
10
  }
11
 
12
+ .app {
13
+ display: flex;
14
+ height: 100vh;
 
15
  }
16
 
17
+ /* Sidebar */
18
+ .sidebar {
19
+ width: 35%;
20
+ max-width: 260px;
21
+ background: #020617;
22
+ overflow-y: auto;
23
+ border-right: 1px solid #1e293b;
24
  }
25
 
26
+ .sidebar-header {
27
+ padding: 12px;
28
+ font-weight: bold;
29
+ border-bottom: 1px solid #1e293b;
30
+ }
31
+
32
+ .file, .folder {
33
+ padding: 10px 14px;
34
+ cursor: pointer;
35
+ }
36
+
37
+ .file:hover, .folder:hover {
38
+ background: #1e293b;
39
+ }
40
+
41
+ /* Editor */
42
+ .editor {
43
+ flex: 1;
44
+ display: flex;
45
+ flex-direction: column;
46
+ }
47
+
48
+ .editor-header {
49
  padding: 10px;
50
+ background: #020617;
51
+ border-bottom: 1px solid #1e293b;
52
+ font-size: 14px;
53
  }
54
 
55
+ textarea {
56
+ flex: 1;
57
+ background: #020617;
58
+ color: #e5e7eb;
 
 
59
  border: none;
60
+ padding: 12px;
61
+ font-size: 14px;
62
+ resize: none;
63
+ outline: none;
64
  }
65
 
66
+ button {
 
 
67
  padding: 12px;
68
+ background: #2563eb;
69
+ color: white;
70
+ border: none;
71
+ font-size: 15px;
72
  }