Update app.py (#39)

- Update app.py (3e9756cf039a6c4d6e1711b0d69f4786dc2e616a)


Co-authored-by: Muhammad Khaqan Nasir <KhaqanNasir@users.noreply.huggingface.co>

app.py

@@ -12,22 +12,29 @@ st.set_page_config(
     initial_sidebar_state="expanded"
 )
 
-# Custom CSS for modern styling
+# Custom CSS with Poppins font
 st.markdown("""
 <style>
     @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
-    
-    body {
-        font-family: 'Poppins', sans-serif;
-        background-color: #FFFFFF;
-        color: #333333;
+
+    * {
+        font-family: 'Poppins', sans-serif !important;
+        box-sizing: border-box;
+    }
+
+    .stApp {
+        background: #ffffff;
+        min-height: 100vh;
+        color: #1f2a44;
+        margin: 0 !important;
+        padding: 0 !important;
     }
-    
+
     .sidebar .sidebar-content {
         background-color: #F4F7FA;
         padding: 1rem;
     }
-    
+
     .stButton>button {
         background-color: #4B5EAA;
         color: white;
@@ -36,46 +43,22 @@ st.markdown("""
         font-weight: 600;
         transition: background-color 0.3s;
     }
-    
+
     .stButton>button:hover {
         background-color: #3A4A8C;
     }
-    
+
     .stTextArea textarea {
         border: 1px solid #E0E0E0;
         border-radius: 8px;
         padding: 1rem;
     }
-    
-    .hero-section {
-        background-color: #F4F7FA;
-        padding: 2rem;
-        border-radius: 12px;
-        margin-bottom: 2rem;
-    }
-    
-    .flash-message {
-        padding: 1rem;
-        border-radius: 8px;
-        margin-bottom: 1rem;
-        font-weight: 600;
-    }
-    
-    .success-message {
-        background-color: #E6F4EA;
-        color: #2E7D32;
-    }
-    
-    .error-message {
-        background-color: #FEE2E2;
-        color: #B71C1C;
-    }
-    
+
     /* Enhanced sidebar styling */
     .stRadio > div {
         gap: 0.5rem;
     }
-    
+
     .stRadio > div > label {
         padding: 0.5rem 1rem;
         border-radius: 8px;
@@ -83,12 +66,12 @@ st.markdown("""
         cursor: pointer;
         font-weight: 500;
     }
-    
+
     .stRadio > div > label:hover {
         background-color: #E8F0FE;
         transform: translateX(5px);
     }
-    
+
     .stRadio > div > label[data-checked="true"] {
         background-color: #4B5EAA;
         color: white;
@@ -111,7 +94,7 @@ def download_model():
                 st.markdown('<div class="flash-message success-message">Model downloaded successfully!</div>', unsafe_allow_html=True)
             except Exception as e:
                 st.markdown(f'<div class="flash-message error-message">Failed to download model: {str(e)}</div>', unsafe_allow_html=True)
-                st.markdown('<div class="flash-message error-message">Please check your Google Drive link and make sure the file is publicly accessible.</div>', unsafe_allow_html=True)
+                st.markdown('<div class="flash-message error-message">Please check your Google Drive link and ensure the file is publicly accessible.</div>', unsafe_allow_html=True)
                 return False
     return True