Hugging Face's logo

Spaces:
lyimo
/
whisperdocker
Sleeping

App Files Community
lyimo commited on
Commit
84e51a1
·
verified ·
1 Parent(s): c84cc46

Update static/style.css

Browse files
Files changed (1) hide show
  1. static/style.css +33 -27
static/style.css CHANGED
@@ -1,45 +1,51 @@
1
  body {
2
- --text: hsl(0 0% 15%);
3
- padding: 2.5rem;
4
- font-family: sans-serif;
5
- color: var(--text);
6
  }
7
 
8
- body.dark-theme {
9
- --text: hsl(0 0% 90%);
10
- background-color: hsl(223 39% 7%);
 
 
 
 
11
  }
12
 
13
  main {
14
- max-width: 80rem;
15
- text-align: center;
 
16
  }
17
 
18
  section {
19
- display: flex;
20
- flex-direction: column;
21
- align-items: center;
 
22
  }
23
 
24
- a {
25
- color: var(--text);
 
 
 
 
 
26
  }
27
 
28
- form {
29
- width: 30rem;
30
- margin: 0 auto;
31
  }
32
 
33
- input {
34
- width: 100%;
 
35
  }
36
 
37
- button {
38
- cursor: pointer;
 
39
  }
40
-
41
- .text-gen-output {
42
- min-height: 1.2rem;
43
- margin: 1rem;
44
- border: 0.5px solid grey;
45
- }
 
1
  body {
2
+ font-family: Arial, sans-serif;
3
+ background-color: #f0f0f0;
4
+ color: #333;
5
+ padding: 20px;
6
  }
7
 
8
+ header {
9
+ text-align: center;
10
+ margin-bottom: 40px;
11
+ }
12
+
13
+ h1 {
14
+ color: #4CAF50;
15
  }
16
 
17
  main {
18
+ max-width: 800px;
19
+ margin: 0 auto;
20
+ text-align: center;
21
  }
22
 
23
  section {
24
+ background: #fff;
25
+ padding: 20px;
26
+ border-radius: 10px;
27
+ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
28
  }
29
 
30
+ button {
31
+ background-color: #4CAF50;
32
+ color: white;
33
+ padding: 10px 20px;
34
+ border: none;
35
+ border-radius: 5px;
36
+ cursor: pointer;
37
  }
38
 
39
+ button:hover {
40
+ background-color: #45a049;
 
41
  }
42
 
43
+ .response-text {
44
+ margin-top: 20px;
45
+ font-size: 1.2em;
46
  }
47
 
48
+ .response-audio {
49
+ margin-top: 20px;
50
+ width: 100%;
51
  }