datasciencedojo commited on
Commit
8c5aa09
1 Parent(s): c275160

Update app.py

Browse files

Update Styling

Files changed (1) hide show
  1. app.py +51 -1
app.py CHANGED
@@ -12,5 +12,55 @@ def detect_emotions(emotion_input):
12
 
13
  examples = [["I am excited to announce that I have been promoted"], ["Sorry for the late reply"]]
14
 
15
- demo = gr.Interface(fn=detect_emotions, inputs=gr.Textbox(placeholder="Enter text here", label="Input"), outputs=gr.Label(label="Emotion"), examples=examples)
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
16
  demo.launch()
 
12
 
13
  examples = [["I am excited to announce that I have been promoted"], ["Sorry for the late reply"]]
14
 
15
+ css = """
16
+ footer {display:none !important}
17
+ .output-markdown{display:none !important}
18
+ .gr-button-primary {
19
+ z-index: 14;
20
+ height: 43px;
21
+ width: 130px;
22
+ left: 0px;
23
+ top: 0px;
24
+ padding: 0px;
25
+ cursor: pointer !important;
26
+ background: none rgb(17, 20, 45) !important;
27
+ border: none !important;
28
+ text-align: center !important;
29
+ font-family: Poppins !important;
30
+ font-size: 14px !important;
31
+ font-weight: 500 !important;
32
+ color: rgb(255, 255, 255) !important;
33
+ line-height: 1 !important;
34
+ border-radius: 12px !important;
35
+ transition: box-shadow 200ms ease 0s, background 200ms ease 0s !important;
36
+ box-shadow: none !important;
37
+ }
38
+ .gr-button-primary:hover{
39
+ z-index: 14;
40
+ height: 43px;
41
+ width: 130px;
42
+ left: 0px;
43
+ top: 0px;
44
+ padding: 0px;
45
+ cursor: pointer !important;
46
+ background: none rgb(37, 56, 133) !important;
47
+ border: none !important;
48
+ text-align: center !important;
49
+ font-family: Poppins !important;
50
+ font-size: 14px !important;
51
+ font-weight: 500 !important;
52
+ color: rgb(255, 255, 255) !important;
53
+ line-height: 1 !important;
54
+ border-radius: 12px !important;
55
+ transition: box-shadow 200ms ease 0s, background 200ms ease 0s !important;
56
+ box-shadow: rgb(0 0 0 / 23%) 0px 1px 7px 0px !important;
57
+ }
58
+ .hover\:bg-orange-50:hover {
59
+ --tw-bg-opacity: 1 !important;
60
+ background-color: rgb(229,225,255) !important;
61
+ }
62
+
63
+ """
64
+
65
+ demo = gr.Interface(fn=detect_emotions, inputs=gr.Textbox(placeholder="Enter text here", label="Input"), outputs=gr.Label(label="Emotion"), title="Emotion Detector | Datascience Dojo", examples=examples, css=css)
66
  demo.launch()