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(
|