Spaces:
Running
Running
Update app.py
Browse files
app.py
CHANGED
@@ -74,7 +74,20 @@ STYLE = """
|
|
74 |
transform: translate(-50%, -50%);
|
75 |
border-radius: 35px;
|
76 |
padding: 15px;
|
77 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
78 |
}
|
79 |
|
80 |
.example-btn {
|
@@ -88,7 +101,7 @@ STYLE = """
|
|
88 |
}
|
89 |
|
90 |
.example-btn:hover {
|
91 |
-
box-shadow: 0.
|
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.
|
184 |
-
|
185 |
-
|
186 |
-
|
187 |
-
|
188 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
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(
|