test

app.py

@@ -18,11 +18,75 @@ def inference(task: str,
     except Exception as error:
         return str(error)
 
+
 title = "ERNIE-Zeus"
 
 description = "ERNIE-Zeus model, which supports Chinese text generates task."
 
-block = gr.Blocks()
+css = """
+        .gradio-container {
+            font-family: 'IBM Plex Sans', sans-serif;
+        }
+        .gr-button {
+            color: white;
+            border-color: black;
+            background: black;
+        }
+        input[type='range'] {
+            accent-color: black;
+        }
+        .dark input[type='range'] {
+            accent-color: #dfdfdf;
+        }
+        .container {
+            max-width: 730px;
+            margin: auto;
+            padding-top: 1.5rem;
+        }
+
+        .details:hover {
+            text-decoration: underline;
+        }
+        .gr-button {
+            white-space: nowrap;
+        }
+        .gr-button:focus {
+            border-color: rgb(147 197 253 / var(--tw-border-opacity));
+            outline: none;
+            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+            --tw-border-opacity: 1;
+            --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+            --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px var(--tw-ring-offset-width)) var(--tw-ring-color);
+            --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity));
+            --tw-ring-opacity: .5;
+        }
+        .footer {
+            margin-bottom: 45px;
+            margin-top: 35px;
+            text-align: center;
+            border-bottom: 1px solid #e5e5e5;
+        }
+        .footer>p {
+            font-size: .8rem;
+            display: inline-block;
+            padding: 0 10px;
+            transform: translateY(10px);
+            background: white;
+        }
+        .dark .footer {
+            border-color: #303030;
+        }
+        .dark .footer>p {
+            background: #0b0f19;
+        }
+        .prompt h4{
+            margin: 1.25em 0 .25em 0;
+            font-weight: bold;
+            font-size: 115%;
+        }
+"""
+
+block = gr.Blocks(css=css)
 
 examples = [
     [
@@ -98,11 +162,12 @@ with block:
         """
     )
     with gr.Group():
-        text = gr.Textbox(
-            label="input_text",
-            placeholder="Please enter Chinese text.",
-        )
-        btn = gr.Button(value="Generate text")
+        with gr.Group():
+            text = gr.Textbox(
+                label="input_text",
+                placeholder="Please enter Chinese text.",
+            )
+            btn = gr.Button(value="Generate text")
         task = gr.Dropdown(label="task",
                            choices=[
                                'text_summarization',
@@ -115,17 +180,24 @@ with block:
                            ],
                            value='text_summarization')
 
-        min_dec_len = gr.Slider(minimum=1, maximum=511, value=1, label="min_dec_len", step=1, interactive=True)
-        seq_len = gr.Slider(minimum=2, maximum=512, value=128, label="seq_len", step=1, interactive=True)
-        topp = gr.Slider(minimum=0.0, maximum=1.0, value=1.0, label="topp", step=0.01, interactive=True)
-        penalty_score = gr.Slider(minimum=1.0, maximum=2.0, value=1.0, label="penalty_score", step=0.01, interactive=True)
+        min_dec_len = gr.Slider(
+            minimum=1, maximum=511, value=1, label="min_dec_len", step=1, interactive=True)
+        seq_len = gr.Slider(minimum=2, maximum=512, value=128,
+                            label="seq_len", step=1, interactive=True)
+        topp = gr.Slider(minimum=0.0, maximum=1.0, value=1.0,
+                         label="topp", step=0.01, interactive=True)
+        penalty_score = gr.Slider(
+            minimum=1.0, maximum=2.0, value=1.0, label="penalty_score", step=0.01, interactive=True)
 
         text_gen = gr.Textbox(label="generated_text")
 
-        ex = gr.Examples(examples=examples, fn=inference, inputs=[task, text, min_dec_len, seq_len, topp, penalty_score], outputs=text_gen, cache_examples=False)
+        ex = gr.Examples(examples=examples, fn=inference, inputs=[
+                         task, text, min_dec_len, seq_len, topp, penalty_score], outputs=text_gen, cache_examples=False)
 
-        text.submit(inference, inputs=[task, text, min_dec_len, seq_len, topp, penalty_score], outputs=text_gen)
-        btn.click(inference, inputs=[task, text, min_dec_len, seq_len, topp, penalty_score], outputs=text_gen)
+        text.submit(inference, inputs=[
+                    task, text, min_dec_len, seq_len, topp, penalty_score], outputs=text_gen)
+        btn.click(inference, inputs=[
+                  task, text, min_dec_len, seq_len, topp, penalty_score], outputs=text_gen)
         gr.HTML(
             """
                 <div class="footer">