datasciencedojo commited on
Commit
048e1df
·
1 Parent(s): 86e4890

button css changes

Browse files
Files changed (1) hide show
  1. app.py +38 -0
app.py CHANGED
@@ -31,6 +31,44 @@ footer {visibility: hidden}
31
  --tw-bg-opacity: 1 !important;
32
  background-color: rgb(229,225,255) !important;
33
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
34
  """
35
 
36
  with gr.Blocks(title="YouTube Dialogue Transcriber | Data Science Dojo", css = css) as demo:
 
31
  --tw-bg-opacity: 1 !important;
32
  background-color: rgb(229,225,255) !important;
33
  }
34
+ .gr-button-lg {
35
+ z-index: 14;
36
+ width: 113px;
37
+ height: 30px;
38
+ left: 0px;
39
+ top: 0px;
40
+ padding: 0px;
41
+ cursor: pointer !important;
42
+ background: none rgb(17, 20, 45) !important;
43
+ border: none !important;
44
+ text-align: center !important;
45
+ font-size: 14px !important;
46
+ font-weight: 500 !important;
47
+ color: rgb(255, 255, 255) !important;
48
+ line-height: 1 !important;
49
+ border-radius: 6px !important;
50
+ transition: box-shadow 200ms ease 0s, background 200ms ease 0s !important;
51
+ box-shadow: none !important;
52
+ }
53
+ .gr-button-lg:hover{
54
+ z-index: 14;
55
+ width: 113px;
56
+ height: 30px;
57
+ left: 0px;
58
+ top: 0px;
59
+ padding: 0px;
60
+ cursor: pointer !important;
61
+ background: none rgb(37, 56, 133) !important;
62
+ border: none !important;
63
+ text-align: center !important;
64
+ font-size: 14px !important;
65
+ font-weight: 500 !important;
66
+ color: rgb(255, 255, 255) !important;
67
+ line-height: 1 !important;
68
+ border-radius: 6px !important;
69
+ transition: box-shadow 200ms ease 0s, background 200ms ease 0s !important;
70
+ box-shadow: rgb(0 0 0 / 23%) 0px 1px 7px 0px !important;
71
+ }
72
  """
73
 
74
  with gr.Blocks(title="YouTube Dialogue Transcriber | Data Science Dojo", css = css) as demo: