test: ui

app.py

@@ -23,7 +23,42 @@ logger = logging.getLogger(__name__)
 # Ensure using GPU if available
 device = torch.device('cuda' if torch.cuda.is_available() else 'cpu')
 
+header_style = {
+    "textAlign": 'center',
+    "color": '#fff',
+    "height": 64,
+    "paddingInline": 48,
+    "lineHeight": '64px',
+    "backgroundColor": '#4096ff',
+}
+
+content_style = {
+    "textAlign": 'center',
+    "minHeight": 120,
+    "lineHeight": '120px',
+    "color": '#fff',
+    "backgroundColor": '#0958d9',
+}
 
+sider_style = {
+    "textAlign": 'center',
+    "lineHeight": '120px',
+    "color": '#fff',
+    "backgroundColor": '#1677ff',
+}
+
+footer_style = {
+    "textAlign": 'center',
+    "color": '#fff',
+    "backgroundColor": '#4096ff',
+}
+
+layout_style = {
+    "borderRadius": 8,
+    "overflow": 'hidden',
+    "width": 'calc(50% - 8px)',
+    "maxWidth": 'calc(50% - 8px)',
+}
 # Model paths and class names
 MODEL_PATHS = {
     "model_1": "haywoodsloan/ai-image-detector-deploy",
@@ -313,9 +348,22 @@ with gr.Blocks(css="#post-gallery { overflow: hidden !important;} .grid-wrap{ ov
                 )
 
             with gr.Tab("🥇 Leaderboard"):
-                text_input = gr.Textbox(label="Enter Text")
-                text_output = gr.Textbox(label="Processed Text")
-                text_button = gr.Button("Process Text")
+
+                with antd.Layout(elem_style=layout_style):
+                    with antd.Layout.Sider(width="25%",
+                                           elem_style=sider_style):
+                        ms.Text("Sider")
+                    with antd.Layout():
+                        with antd.Layout.Header(elem_style=header_style):
+                            ms.Text("Header")
+                        with antd.Layout.Content(elem_style=content_style):
+                            text_input = gr.Textbox(label="Enter Text")
+                            text_output = gr.Textbox(label="Processed Text")
+                            text_button = gr.Button("Process Text")                            
+                        with antd.Layout.Footer(elem_style=footer_style):
+                            ms.Text("Footer")
+
+
                 text_button.click(
                     fn=lambda x: x.upper(),  # Example function to convert text to uppercase
                     inputs=text_input,