datasciencedojo commited on
Commit
97cee9c
·
1 Parent(s): d94f2ca

Update app.py

Browse files

update styles --- labels and button

Files changed (1) hide show
  1. app.py +67 -1
app.py CHANGED
@@ -35,7 +35,73 @@ def textdetect(img):
35
  else:
36
  return None,None
37
 
38
- with gr.Blocks() as demo:
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
39
  with gr.Row():
40
  inp = gr.Paint()
41
  but = gr.Button('Submit',variant='primary')
 
35
  else:
36
  return None,None
37
 
38
+ css = """
39
+ footer {display:none !important}
40
+ .output-markdown{display:none !important}
41
+ .gr-button-primary {
42
+ z-index: 14;
43
+ height: 43px;
44
+ width: 130px;
45
+ left: 0px;
46
+ top: 0px;
47
+ padding: 0px;
48
+ cursor: pointer !important;
49
+ background: none rgb(17, 20, 45) !important;
50
+ border: none !important;
51
+ text-align: center !important;
52
+ font-family: Poppins !important;
53
+ font-size: 14px !important;
54
+ font-weight: 500 !important;
55
+ color: rgb(255, 255, 255) !important;
56
+ line-height: 1 !important;
57
+ border-radius: 12px !important;
58
+ transition: box-shadow 200ms ease 0s, background 200ms ease 0s !important;
59
+ box-shadow: none !important;
60
+ }
61
+ .gr-button-primary:hover{
62
+ z-index: 14;
63
+ height: 43px;
64
+ width: 130px;
65
+ left: 0px;
66
+ top: 0px;
67
+ padding: 0px;
68
+ cursor: pointer !important;
69
+ background: none rgb(37, 56, 133) !important;
70
+ border: none !important;
71
+ text-align: center !important;
72
+ font-family: Poppins !important;
73
+ font-size: 14px !important;
74
+ font-weight: 500 !important;
75
+ color: rgb(255, 255, 255) !important;
76
+ line-height: 1 !important;
77
+ border-radius: 12px !important;
78
+ transition: box-shadow 200ms ease 0s, background 200ms ease 0s !important;
79
+ box-shadow: rgb(0 0 0 / 23%) 0px 1px 7px 0px !important;
80
+ }
81
+ .hover\:bg-orange-50:hover {
82
+ --tw-bg-opacity: 1 !important;
83
+ background-color: rgb(229,225,255) !important;
84
+ }
85
+ .to-orange-200 {
86
+ --tw-gradient-to: rgb(37 56 133 / 37%) !important;
87
+ }
88
+ .from-orange-400 {
89
+ --tw-gradient-from: rgb(17, 20, 45) !important;
90
+ --tw-gradient-to: rgb(255 150 51 / 0);
91
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
92
+ }
93
+ .group-hover\:from-orange-500{
94
+ --tw-gradient-from:rgb(17, 20, 45) !important;
95
+ --tw-gradient-to: rgb(37 56 133 / 37%);
96
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important;
97
+ }
98
+ .group:hover .group-hover\:text-orange-500{
99
+ --tw-text-opacity: 1 !important;
100
+ color:rgb(37 56 133 / var(--tw-text-opacity)) !important;
101
+ }
102
+
103
+ """
104
+ with gr.Blocks(title="Sketchpad Text Detection | Datascience Dojo", css = css) as demo:
105
  with gr.Row():
106
  inp = gr.Paint()
107
  but = gr.Button('Submit',variant='primary')