Update app.py

app.py

@@ -43,22 +43,56 @@ def convert_file(input_file, conversion_type):
     )
     return output_file, info_message
 
-demo = gr.Interface(
-    fn=convert_file,
-    inputs=[
-        gr.File(label="Upload CSV or Parquet File"),
-        gr.Radio(choices=["CSV to Parquet", "Parquet to CSV"], label="Conversion Type")
-    ],
-    outputs=[
-        gr.File(label="Converted File"),
-        gr.Textbox(label="Preview (Top 10 Rows)", lines=15)
-    ],
-    title="CSV <-> Parquet Converter",
-    description=(
-        "Upload a CSV or Parquet file and select the conversion type. "
-        "The app converts the file to the opposite format and displays a preview of the top 10 rows."
-    )
-)
+# Custom CSS for a modern and sleek look
+custom_css = """
+body {
+    background-color: #f4f4f4;
+    font-family: 'Helvetica Neue', Arial, sans-serif;
+}
+.gradio-container {
+    max-width: 900px;
+    margin: 40px auto;
+    padding: 20px;
+    background-color: #ffffff;
+    border-radius: 12px;
+    box-shadow: 0 8px 16px rgba(0,0,0,0.1);
+}
+h1, h2 {
+    color: #333333;
+}
+.gradio-input, .gradio-output {
+    margin-bottom: 20px;
+}
+.gradio-button {
+    background-color: #4CAF50 !important;
+    color: white !important;
+    border: none !important;
+    padding: 10px 20px !important;
+    font-size: 16px !important;
+    border-radius: 6px !important;
+    cursor: pointer;
+}
+.gradio-button:hover {
+    background-color: #45a049 !important;
+}
+"""
+
+with gr.Blocks(css=custom_css, title="CSV <-> Parquet Converter") as demo:
+    gr.Markdown("# CSV <-> Parquet Converter")
+    gr.Markdown("Upload a CSV or Parquet file and select the conversion type. The app converts the file to the opposite format and displays a preview of the top 10 rows.")
+    
+    with gr.Row():
+        with gr.Column(scale=1):
+            input_file = gr.File(label="Upload CSV or Parquet File")
+        with gr.Column(scale=1):
+            conversion_type = gr.Radio(choices=["CSV to Parquet", "Parquet to CSV"], label="Conversion Type")
+    
+    convert_button = gr.Button("Convert", elem_classes=["gradio-button"])
+    
+    with gr.Row():
+        output_file = gr.File(label="Converted File")
+        preview = gr.Textbox(label="Preview (Top 10 Rows)", lines=15)
+    
+    convert_button.click(fn=convert_file, inputs=[input_file, conversion_type], outputs=[output_file, preview])
 
-if __name__ == "__main__":
-    demo.launch()
+demo.launch()