MuntasirHossain commited on
Commit
ba8cc6e
·
verified ·
1 Parent(s): 5c7c12d

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +23 -10
app.py CHANGED
@@ -115,22 +115,35 @@ def upload_file(file_obj):
115
  def demo():
116
  custom_css = """
117
  #column-container {
118
- display: flex;
119
- flex-direction: row;
120
- flex-wrap: nowrap;
 
 
121
  }
122
  #column-left {
123
- min-width: 100px;
124
- max-width: 20%;
125
- margin-right: 10px;
 
126
  }
127
  #column-right {
128
- min-width: 300px;
129
- flex-grow: 1;
 
 
 
 
 
 
 
 
 
130
  }
131
  @media (max-width: 800px) {
132
- #column-left { min-width: 100px; }
133
- #column-right { min-width: 300px; }
 
134
  }
135
  """
136
 
 
115
  def demo():
116
  custom_css = """
117
  #column-container {
118
+ display: flex !important;
119
+ flex-direction: row !important;
120
+ flex-wrap: wrap !important;
121
+ width: 100% !important;
122
+ max-width: 100% !important;
123
  }
124
  #column-left {
125
+ min-width: 250px !important;
126
+ flex: 1 1 30% !important;
127
+ max-width: 100% !important;
128
+ box-sizing: border-box !important;
129
  }
130
  #column-right {
131
+ min-width: 250px !important;
132
+ flex: 1 1 65% !important;
133
+ max-width: 100% !important;
134
+ box-sizing: border-box !important;
135
+ overflow-x: visible !important;
136
+ }
137
+ .chatbot {
138
+ max-width: 100% !important;
139
+ }
140
+ .textbox {
141
+ max-width: 100% !important;
142
  }
143
  @media (max-width: 800px) {
144
+ #column-left, #column-right {
145
+ flex: 1 1 100% !important;
146
+ }
147
  }
148
  """
149