Muhammadbilal10101 commited on
Commit
9d5273c
·
verified ·
1 Parent(s): f783d54

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +26 -1
app.py CHANGED
@@ -67,25 +67,50 @@ def main():
67
  layout="wide"
68
  )
69
 
70
- # Add custom CSS
71
  st.markdown("""
72
  <style>
 
73
  .stApp {
 
74
  max-width: 1200px;
75
  margin: 0 auto;
76
  }
 
 
77
  .stMarkdown {
78
  font-size: 16px;
79
  }
 
 
80
  .chat-message {
81
  padding: 1rem;
82
  border-radius: 0.5rem;
83
  margin-bottom: 1rem;
 
 
84
  }
 
 
85
  .timestamp {
86
  font-size: 0.8em;
87
  color: #666;
88
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
89
  </style>
90
  """, unsafe_allow_html=True)
91
 
 
67
  layout="wide"
68
  )
69
 
70
+ # Add custom CSS with background color
71
  st.markdown("""
72
  <style>
73
+ /* Main background color */
74
  .stApp {
75
+ background-color: #f0f8ff; /* Light blue background */
76
  max-width: 1200px;
77
  margin: 0 auto;
78
  }
79
+
80
+ /* Style for markdown text */
81
  .stMarkdown {
82
  font-size: 16px;
83
  }
84
+
85
+ /* Chat message styling */
86
  .chat-message {
87
  padding: 1rem;
88
  border-radius: 0.5rem;
89
  margin-bottom: 1rem;
90
+ background-color: white; /* White background for messages */
91
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
92
  }
93
+
94
+ /* Timestamp styling */
95
  .timestamp {
96
  font-size: 0.8em;
97
  color: #666;
98
  }
99
+
100
+ /* Custom styling for chat containers */
101
+ .stChatMessage {
102
+ background-color: white;
103
+ border-radius: 10px;
104
+ padding: 10px;
105
+ margin: 10px 0;
106
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
107
+ }
108
+
109
+ /* Input box styling */
110
+ .stTextInput>div>div>input {
111
+ background-color: white;
112
+ border-radius: 20px;
113
+ }
114
  </style>
115
  """, unsafe_allow_html=True)
116