datasciencedojo commited on
Commit
23f7624
·
1 Parent(s): 8b39656

Update app.py

Browse files

update styling

Files changed (1) hide show
  1. app.py +52 -1
app.py CHANGED
@@ -19,5 +19,56 @@ def paraphrase_text(input_text):
19
 
20
  examples = [["Uploading a video to YouTube can help exposure for your business."], ["Niagara Falls is viewed by thousands of tourists every year."]]
21
 
22
- demo = gr.Interface(fn=paraphrase_text, inputs=gr.Textbox(lines=3, placeholder="Enter sample text here", label="Original text"), outputs=[gr.Textbox(label="Paraphrasing 1"), gr.Textbox(label="Paraphrasing 2"), gr.Textbox(label="Paraphrasing 3")], examples=examples)
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
23
  demo.launch( debug = True )
 
19
 
20
  examples = [["Uploading a video to YouTube can help exposure for your business."], ["Niagara Falls is viewed by thousands of tourists every year."]]
21
 
22
+ css = """
23
+ footer {display:none !important}
24
+ .output-markdown{display:none !important}
25
+
26
+ .gr-button-primary {
27
+ z-index: 14;
28
+ height: 43px;
29
+ width: 130px;
30
+ left: 0px;
31
+ top: 0px;
32
+ padding: 0px;
33
+ cursor: pointer !important;
34
+ background: none rgb(17, 20, 45) !important;
35
+ border: none !important;
36
+ text-align: center !important;
37
+ font-family: Poppins !important;
38
+ font-size: 14px !important;
39
+ font-weight: 500 !important;
40
+ color: rgb(255, 255, 255) !important;
41
+ line-height: 1 !important;
42
+ border-radius: 12px !important;
43
+ transition: box-shadow 200ms ease 0s, background 200ms ease 0s !important;
44
+ box-shadow: none !important;
45
+ }
46
+ .gr-button-primary:hover{
47
+ z-index: 14;
48
+ height: 43px;
49
+ width: 130px;
50
+ left: 0px;
51
+ top: 0px;
52
+ padding: 0px;
53
+ cursor: pointer !important;
54
+ background: none rgb(37, 56, 133) !important;
55
+ border: none !important;
56
+ text-align: center !important;
57
+ font-family: Poppins !important;
58
+ font-size: 14px !important;
59
+ font-weight: 500 !important;
60
+ color: rgb(255, 255, 255) !important;
61
+ line-height: 1 !important;
62
+ border-radius: 12px !important;
63
+ transition: box-shadow 200ms ease 0s, background 200ms ease 0s !important;
64
+ box-shadow: rgb(0 0 0 / 23%) 0px 1px 7px 0px !important;
65
+ }
66
+ .hover\:bg-orange-50:hover {
67
+ --tw-bg-opacity: 1 !important;
68
+ background-color: rgb(229,225,255) !important;
69
+ }
70
+ """
71
+
72
+ demo = gr.Interface(fn=paraphrase_text, inputs=gr.Textbox(lines=3, placeholder="Enter sample text here", label="Original text"), outputs=[gr.Textbox(label="Paraphrasing 1"), gr.Textbox(label="Paraphrasing 2"), gr.Textbox(label="Paraphrasing 3")], title="Paraphrasing | Datascience Dojo", examples=examples, css=css)
73
+
74
  demo.launch( debug = True )