Hugging Face's logo

Spaces:
zoharcozmox
/
Orpheus_TTS
Running

App Files Community
zoharcozmox commited on
Commit
fb351a4
·
verified ·
1 Parent(s): 0780aa0

Update style.css

Browse files
Files changed (1) hide show
  1. style.css +21 -20
style.css CHANGED
@@ -1,57 +1,58 @@
1
  body {
2
  font-family: sans-serif;
3
- background: #fafafa;
4
  margin: 0;
5
  padding: 2rem;
 
 
6
  }
7
 
8
  .container {
 
9
  max-width: 600px;
10
- margin: auto;
11
  background: white;
12
  padding: 2rem;
13
- border-radius: 8px;
14
- box-shadow: 0 2px 8px rgba(0,0,0,0.1);
15
  }
16
 
17
  h1 {
 
18
  font-size: 1.5rem;
19
- margin-bottom: 1rem;
20
  text-align: center;
21
  }
22
 
23
  textarea {
24
  width: 100%;
 
25
  font-size: 1rem;
26
- padding: 0.5rem;
27
- margin-bottom: 1rem;
28
- border: 1px solid #ddd;
29
- border-radius: 4px;
30
  resize: vertical;
31
  }
32
 
33
  button {
34
- display: block;
35
  width: 100%;
36
  padding: 0.75rem;
37
  font-size: 1rem;
38
- background-color: #0063e5;
39
- color: white;
40
  border: none;
41
- border-radius: 4px;
 
 
42
  cursor: pointer;
43
  }
44
 
45
  button:disabled {
46
- opacity: 0.6;
47
  cursor: not-allowed;
48
  }
49
 
50
- #output {
51
- margin-top: 1.5rem;
52
- white-space: pre-wrap;
53
- background: #f5f5f5;
54
  padding: 1rem;
55
- border-radius: 4px;
56
- min-height: 100px;
 
 
57
  }
 
1
  body {
2
  font-family: sans-serif;
3
+ background: #f5f5f5;
4
  margin: 0;
5
  padding: 2rem;
6
+ display: flex;
7
+ justify-content: center;
8
  }
9
 
10
  .container {
11
+ width: 100%;
12
  max-width: 600px;
 
13
  background: white;
14
  padding: 2rem;
15
+ border-radius: 0.5rem;
16
+ box-shadow: 0 4px 12px rgba(0,0,0,0.1);
17
  }
18
 
19
  h1 {
20
+ margin-top: 0;
21
  font-size: 1.5rem;
 
22
  text-align: center;
23
  }
24
 
25
  textarea {
26
  width: 100%;
27
+ padding: 0.75rem;
28
  font-size: 1rem;
29
+ border: 1px solid #ccc;
30
+ border-radius: 0.25rem;
 
 
31
  resize: vertical;
32
  }
33
 
34
  button {
35
+ margin-top: 1rem;
36
  width: 100%;
37
  padding: 0.75rem;
38
  font-size: 1rem;
 
 
39
  border: none;
40
+ border-radius: 0.25rem;
41
+ background: #4CAF50;
42
+ color: white;
43
  cursor: pointer;
44
  }
45
 
46
  button:disabled {
47
+ background: #aaa;
48
  cursor: not-allowed;
49
  }
50
 
51
+ pre {
52
+ margin-top: 1rem;
 
 
53
  padding: 1rem;
54
+ background: #fafafa;
55
+ border: 1px solid #ddd;
56
+ border-radius: 0.25rem;
57
+ white-space: pre-wrap;
58
  }