Remove code editor wrapper outline

#8
Files changed (1) hide show
  1. app.py +16 -2
app.py CHANGED
@@ -141,13 +141,25 @@ CSS = """
141
  }
142
 
143
  .btl-card,
144
- .form,
145
- .block {
146
  border-color: var(--btl-line) !important;
147
  border-radius: 8px !important;
148
  box-shadow: 0 10px 35px rgba(7, 17, 11, 0.05) !important;
149
  }
150
 
 
 
 
 
 
 
 
 
 
 
 
 
151
  button.primary,
152
  .primary > button {
153
  background: var(--btl-green-dark) !important;
@@ -224,7 +236,9 @@ code {
224
  #output_code .label-wrap,
225
  #input_code .wrap,
226
  #output_code .wrap {
 
227
  border-top-color: transparent !important;
 
228
  }
229
  """
230
 
 
141
  }
142
 
143
  .btl-card,
144
+ .form:not(#input_code):not(#output_code),
145
+ .block:not(#input_code):not(#output_code) {
146
  border-color: var(--btl-line) !important;
147
  border-radius: 8px !important;
148
  box-shadow: 0 10px 35px rgba(7, 17, 11, 0.05) !important;
149
  }
150
 
151
+ #input_code,
152
+ #output_code,
153
+ #input_code > .block,
154
+ #output_code > .block,
155
+ #input_code .form,
156
+ #output_code .form,
157
+ #input_code .wrap,
158
+ #output_code .wrap {
159
+ border-color: transparent !important;
160
+ box-shadow: none !important;
161
+ }
162
+
163
  button.primary,
164
  .primary > button {
165
  background: var(--btl-green-dark) !important;
 
236
  #output_code .label-wrap,
237
  #input_code .wrap,
238
  #output_code .wrap {
239
+ border: 0 !important;
240
  border-top-color: transparent !important;
241
+ box-shadow: none !important;
242
  }
243
  """
244