Update app.py

app.py

@@ -51,20 +51,9 @@ def validate_offi_api_key(api_key):
     except Exception as e:
         return f"Error: {str(e)}"
 
-# css = """
 
-# /* 可滚动的输出框 */
-# .output-box {
-#     width: 100% !important
-#     height: 200px !important
-#     overflow-y: auto !important
-#     border: 1px solid #ccc !important
-#     padding: 10px !important
-#     box-sizing: border-box !important
-# }
-# """
 # Gradio 前端设计
-app = gr.Blocks()
+app = gr.Blocks(css="style.css")
 
 with app:
     gr.Markdown("# <center>api-key验证</center>")
@@ -72,20 +61,20 @@ with app:
         "### <center>中转key购买地址[here](https://buy.sipola.cn),ai文案生成可使用中转key,请访问 [here](https://ai.sipola.cn)</center>")
     with gr.Row(variant='panel'):
         with gr.Column():
-            transmit_api_key = gr.Textbox(type='password', label='中转API-Key', placeholder='请在此填写您的中转API Key')
-            transmit_btn_text = gr.Button("点击验证中转key", variant="primary",scale=1)
+            transmit_api_key = gr.Textbox(type='password', label='中转API-Key', placeholder='请在此填写您的中转API Key', elem_classes="custom-textbox")
+            transmit_btn_text = gr.Button("点击验证中转key", variant="primary",scale=1, elem_classes="custom-button")
 
         with gr.Column():
-            transmit_output_textbox = gr.Textbox(label="显示key状态及可访问的模型列表", lines=5,max_lines=5)
+            transmit_output_textbox = gr.Textbox(label="显示key状态及可访问的模型列表", lines=5,max_lines=5, elem_classes="custom-textbox")
         transmit_btn_text.click(validate_tran_api_key,transmit_api_key,transmit_output_textbox)
 
     with gr.Row(variant='panel'):
         with gr.Column():
-            official_api_key = gr.Textbox(type='password', label='官方API Key', placeholder='请在此输入你的官方API Key')
-            official_btn_text = gr.Button("点击验证官方key", variant="primary",scale=1)
+            official_api_key = gr.Textbox(type='password', label='官方API Key', placeholder='请在此输入你的官方API Key', elem_classes="custom-textbox")
+            official_btn_text = gr.Button("点击验证官方key", variant="primary",scale=1, elem_classes="custom-button")
 
         with gr.Column():
-            official_output_textbox = gr.Textbox(label="显示key状态及可访问的模型列表", lines=5, max_lines=5 )
+            official_output_textbox = gr.Textbox(label="显示key状态及可访问的模型列表", lines=5, max_lines=5, elem_classes="custom-textbox" )
         official_btn_text.click(validate_offi_api_key, official_api_key, official_output_textbox)