Update app.py

app.py

@@ -4,29 +4,47 @@ from st_aggrid import AgGrid
 import pandas as pd
 from transformers import pipeline, T5ForConditionalGeneration, T5Tokenizer
 
-# Set the page layout for Streamlit
-st.set_page_config(layout="wide")
+import streamlit as st
 
-# CSS styling
+# CSS styling for the toggle button and instructions
 style = '''
     <style>
-        body {background-color: #F5F5F5; color: #000000;}
-        header {visibility: hidden;}
-        div.block-container {padding-top:4rem;}
-        section[data-testid="stSidebar"] div:first-child {
-        padding-top: 0;
-    }
-     .font {                                          
-    text-align:center;
-    font-family:sans-serif;font-size: 1.25rem;}
+        .toggle-wrapper {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            padding: 10px;
+            background-color: #f0f0f0;
+            border-radius: 10px;
+            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
+            margin-top: 20px;
+        }
+        .toggle-text {
+            font-family: sans-serif;
+            font-size: 1.2rem;
+            margin-right: 10px;
+        }
+        .slide-to-enter {
+            font-size: 1rem;
+            font-family: sans-serif;
+            color: #333;
+        }
     </style>
 '''
+
+# Include the CSS to the page
 st.markdown(style, unsafe_allow_html=True)
 
+# Render the toggle button with "Slide to enter data" text
+st.markdown('<div class="toggle-wrapper"><span class="toggle-text">> </span><span class="slide-to-enter">Slide to enter data</span></div>', unsafe_allow_html=True)
+
+# Your main app content goes here
+
+
 st.markdown('<p style="font-family:sans-serif;font-size: 1.9rem;"> HertogAI Table Q&A using TAPAS+Data Analysis and Model Language</p>', unsafe_allow_html=True)
-st.markdown('<p style="font-family:sans-serif;font-size: 1.9rem;"> This code is based on Jordan Skinner. I recoded and enhanced for </p>', unsafe_allow_html=True)
-st.markdown('<p style="font-family:sans-serif;font-size: 1.9rem;"> the Data analisys are (SUM, MAX, MIN, AVG, COUNT, MEAN, STDDEV) </p>', unsafe_allow_html=True)
-st.markdown("<p style='font-family:sans-serif;font-size: 0.9rem;'>Pre-trained TAPAS model runs on max 64 rows and 32 columns data. Make sure the file data doesn't exceed these dimensions.</p>", unsafe_allow_html=True)
+st.markdown('<p style="font-family:sans-serif;font-size: 0.9rem;"> This code is based on Jordan Skinner. I recoded and enhanced for </p>', unsafe_allow_html=True)
+st.markdown('<p style="font-family:sans-serif;font-size: 0.9rem;"> the Data analisys are (SUM, MAX, MIN, AVG, COUNT, MEAN, STDDEV) </p>', unsafe_allow_html=True)
+st.markdown("<p style='font-family:sans-serif;font-size: 0.5rem;'>Pre-trained TAPAS model runs on max 64 rows and 32 columns data. Make sure the file data doesn't exceed these dimensions.</p>", unsafe_allow_html=True)
 
 # Initialize TAPAS pipeline
 tqa = pipeline(task="table-question-answering",