datasciencedojo commited on
Commit
0d45fc1
·
1 Parent(s): 9b52443

Update app.py

Browse files

update styling of buttons and footer

Files changed (1) hide show
  1. app.py +50 -1
app.py CHANGED
@@ -49,6 +49,55 @@ image = gr.inputs.Image(source='webcam')
49
  keypoint = gr.outputs.Image()
50
  examples = ['ex1.jpg']
51
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
52
 
53
- intf = gr.Interface(fn=fun, inputs=image, outputs=keypoint,examples=examples)
 
 
54
  intf.launch(inline=False,debug=True)
 
49
  keypoint = gr.outputs.Image()
50
  examples = ['ex1.jpg']
51
 
52
+ css = """
53
+ footer {display:none !important}
54
+ .output-markdown{display:none !important}
55
+ .gr-button-primary {
56
+ z-index: 14;
57
+ height: 43px;
58
+ width: 130px;
59
+ left: 0px;
60
+ top: 0px;
61
+ padding: 0px;
62
+ cursor: pointer !important;
63
+ background: none rgb(17, 20, 45) !important;
64
+ border: none !important;
65
+ text-align: center !important;
66
+ font-family: Poppins !important;
67
+ font-size: 14px !important;
68
+ font-weight: 500 !important;
69
+ color: rgb(255, 255, 255) !important;
70
+ line-height: 1 !important;
71
+ border-radius: 12px !important;
72
+ transition: box-shadow 200ms ease 0s, background 200ms ease 0s !important;
73
+ box-shadow: none !important;
74
+ }
75
+ .gr-button-primary:hover{
76
+ z-index: 14;
77
+ height: 43px;
78
+ width: 130px;
79
+ left: 0px;
80
+ top: 0px;
81
+ padding: 0px;
82
+ cursor: pointer !important;
83
+ background: none rgb(37, 56, 133) !important;
84
+ border: none !important;
85
+ text-align: center !important;
86
+ font-family: Poppins !important;
87
+ font-size: 14px !important;
88
+ font-weight: 500 !important;
89
+ color: rgb(255, 255, 255) !important;
90
+ line-height: 1 !important;
91
+ border-radius: 12px !important;
92
+ transition: box-shadow 200ms ease 0s, background 200ms ease 0s !important;
93
+ box-shadow: rgb(0 0 0 / 23%) 0px 1px 7px 0px !important;
94
+ }
95
+ .hover\:bg-orange-50:hover {
96
+ --tw-bg-opacity: 1 !important;
97
+ background-color: rgb(229,225,255) !important;
98
+ }
99
 
100
+ """
101
+
102
+ intf = gr.Interface(fn=fun, inputs=image, outputs=keypoint, title="KeyPoint | Datascience Dojo", examples=examples, css=css)
103
  intf.launch(inline=False,debug=True)