chansung commited on
Commit
f4d54af
·
1 Parent(s): 9baa3f7

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +29 -8
app.py CHANGED
@@ -74,7 +74,20 @@ STYLE = """
74
  transform: translate(-50%, -50%);
75
  border-radius: 35px;
76
  padding: 15px;
77
- text-align: center;
 
 
 
 
 
 
 
 
 
 
 
 
 
78
  }
79
 
80
  .example-btn {
@@ -88,7 +101,7 @@ STYLE = """
88
  }
89
 
90
  .example-btn:hover {
91
- box-shadow: 0.5px 0.5px 0.5px gray !important
92
  }
93
 
94
  #example-title {
@@ -180,12 +193,20 @@ with gr.Blocks(css=STYLE, elem_id='container-col') as block:
180
 
181
  with gr.Column(scale=8, elem_id="right-pane"):
182
  with gr.Column(elem_id="test-elem", visible=False) as example_block:
183
- gr.Markdown("## Begin with examples", elem_id="example-title")
184
-
185
- with gr.Row():
186
- ex_btn1 = gr.Button("hello world", elem_classes=["example-btn"])
187
- ex_btn2 = gr.Button("what's up?", elem_classes=["example-btn"])
188
- ex_btn3 = gr.Button("this is a GradioChat", elem_classes=["example-btn"])
 
 
 
 
 
 
 
 
189
 
190
  chatbot = gr.Chatbot(elem_id='chatbot')
191
  instruction_txtbox = gr.Textbox(
 
74
  transform: translate(-50%, -50%);
75
  border-radius: 35px;
76
  padding: 15px;
77
+ }
78
+
79
+ #initial-popup-title {
80
+ text-align: center;
81
+ font-size: 18px;
82
+ font-weight: bold;
83
+ }
84
+
85
+ #initial-popup-left-pane {
86
+ min-width: 150px !important;
87
+ }
88
+
89
+ #initial-popup-right-pane {
90
+ text-align: right;
91
  }
92
 
93
  .example-btn {
 
101
  }
102
 
103
  .example-btn:hover {
104
+ box-shadow: 0.3px 0.3px 0.3px gray !important
105
  }
106
 
107
  #example-title {
 
193
 
194
  with gr.Column(scale=8, elem_id="right-pane"):
195
  with gr.Column(elem_id="test-elem", visible=False) as example_block:
196
+ with gr.Row(scale=1):
197
+ with gr.Column(elem_id="initial-popup-left-pane"):
198
+ gr.Markdown("GradioChat", elem_id="initial-popup-title")
199
+ gr.Markdown("Making the community's best AI chat models available to everyone.")
200
+ with gr.Column(elem_id="initial-popup-right-pane"):
201
+ gr.Markdown("Chat UI is now open sourced on Hugging Face Hub")
202
+ gr.Markdown("check out the [↗ repository](https://huggingface.co/spaces/chansung/test-multi-conv)")
203
+
204
+ with gr.Column(scale=1):
205
+ gr.Markdown("Examples")
206
+ with gr.Row():
207
+ ex_btn1 = gr.Button("hello world", elem_classes=["example-btn"])
208
+ ex_btn2 = gr.Button("what's up?", elem_classes=["example-btn"])
209
+ ex_btn3 = gr.Button("this is a GradioChat", elem_classes=["example-btn"])
210
 
211
  chatbot = gr.Chatbot(elem_id='chatbot')
212
  instruction_txtbox = gr.Textbox(