Update app.py

app.py

@@ -12,6 +12,8 @@ from together import Together
 
 import streamlit as st
 
+import streamlit as st
+
 # ----------------- تنظیمات صفحه -----------------
 st.set_page_config(page_title="رزم یار ارتش", page_icon="🪖", layout="wide")
 
@@ -31,51 +33,54 @@ st.markdown("""
     .sidebar .sidebar-content {
         background-color: #ffffff;
         border-left: 2px solid #4e8a3e;
-        padding-top: 20px;
+        padding-top: 10px;
     }
     .sidebar .sidebar-content div {
-        margin-bottom: 20px;
+        margin-bottom: 10px;
         font-weight: bold;
         color: #2c3e50;
+        font-size: 15px;
     }
     .stButton>button {
         background-color: #4e8a3e !important;
         color: white !important;
         font-weight: bold;
-        border-radius: 10px;
-        padding: 8px 20px;
+        border-radius: 8px;
+        padding: 5px 16px;
         transition: 0.3s;
+        font-size: 14px;
     }
     .stButton>button:hover {
         background-color: #3c6d30 !important;
     }
     .header-text {
         text-align: center;
-        margin-top: 20px;
-        margin-bottom: 40px;
-        background-color: rgba(255, 255, 255, 0.8);
-        padding: 20px;
-        border-radius: 20px;
-        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+        margin-top: 15px;
+        margin-bottom: 25px;
+        background-color: rgba(255, 255, 255, 0.85);
+        padding: 16px;
+        border-radius: 16px;
+        box-shadow: 0 4px 10px rgba(0,0,0,0.1);
     }
     .header-text h1 {
-        font-size: 42px;
+        font-size: 36px;
         color: #2c3e50;
         margin: 0;
         font-weight: bold;
     }
     .subtitle {
-        font-size: 18px;
+        font-size: 16px;
         color: #34495e;
-        margin-top: 8px;
+        margin-top: 5px;
     }
     .chat-message {
-        background-color: rgba(255, 255, 255, 0.9);
+        background-color: rgba(255, 255, 255, 0.95);
         border: 1px solid #4e8a3e;
         border-radius: 12px;
-        padding: 16px;
-        margin-bottom: 15px;
-        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
+        padding: 14px;
+        margin-bottom: 10px;
+        box-shadow: 0 4px 8px rgba(0,0,0,0.08);
+        animation: fadeIn 0.5s ease;
     }
     .stTextInput>div>input, .stTextArea textarea {
         background-color: rgba(255,255,255,0.9) !important;
@@ -84,31 +89,69 @@ st.markdown("""
         text-align: right;
         font-family: 'Vazirmatn', Tahoma;
     }
-    @keyframes fadeIn {
-        from { opacity: 0; transform: translateY(10px); }
-        to { opacity: 1; transform: translateY(0); }
+    img.small-logo {
+        width: 90px;
+        margin-bottom: 15px;
+        display: block;
+        margin-right: auto;
+        margin-left: auto;
+    }
+    .menu-item {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        padding: 6px 0;
+        font-size: 15px;
+        cursor: pointer;
+    }
+    .menu-item img {
+        width: 20px;
+        height: 20px;
     }
     </style>
 """, unsafe_allow_html=True)
 
 # ----------------- بدنه اصلی -----------------
 with st.sidebar:
-    st.image("log.png", width=180)
-    st.markdown("### 🛡️ منو")
-    st.button("گفتگوی جدید")
-    st.button("تاریخچه")
-    st.markdown("---")
-    st.markdown("### 📚 مدل‌های هوش مصنوعی")
-    st.button("مدل ها")
-    st.markdown("### ✍️ تولید محتوا")
-    st.button("متن و تصویر")
-    st.markdown("### 🧭 دستیارها")
-    st.button("دستیار ویژه")
-    st.markdown("### 🛠️ ابزارها")
-    st.button("ابزار مالی")
-    st.markdown("---")
-    st.button("⚙️ تنظیمات")
-    st.button("❓ پشتیبانی")
+    st.image("log.png", class_="small-logo")
+    
+    st.markdown("""
+    <div class="menu-item">
+        <img src="https://cdn-icons-png.flaticon.com/512/3596/3596165.png" />
+        گفتگوی جدید
+    </div>
+    <div class="menu-item">
+        <img src="https://cdn-icons-png.flaticon.com/512/709/709496.png" />
+        تاریخچه
+    </div>
+    <hr/>
+    <div class="menu-item">
+        <img src="https://cdn-icons-png.flaticon.com/512/1828/1828932.png" />
+        مدل‌های هوش مصنوعی
+    </div>
+    <div class="menu-item">
+        <img src="https://cdn-icons-png.flaticon.com/512/681/681494.png" />
+        تولید محتوا
+    </div>
+    <hr/>
+    <div class="menu-item">
+        <img src="https://cdn-icons-png.flaticon.com/512/3601/3601646.png" />
+        دستیار ویژه
+    </div>
+    <div class="menu-item">
+        <img src="https://cdn-icons-png.flaticon.com/512/709/709612.png" />
+        ابزار مالی
+    </div>
+    <hr/>
+    <div class="menu-item">
+        <img src="https://cdn-icons-png.flaticon.com/512/2099/2099058.png" />
+        تنظیمات
+    </div>
+    <div class="menu-item">
+        <img src="https://cdn-icons-png.flaticon.com/512/597/597177.png" />
+        پشتیبانی
+    </div>
+    """, unsafe_allow_html=True)
 
 # محتوای اصلی
 st.markdown("""
@@ -120,7 +163,7 @@ st.markdown("""
 
 st.markdown('<div class="chat-message">👋 سلام! چطور میتونم کمکتون کنم؟</div>', unsafe_allow_html=True)
 
-# کادر چت کاربر
+# چت اینپوت کاربر
 user_input = st.text_input("پیام خود را وارد کنید...")
 
 if user_input: