wack0 commited on
Commit
2dbdc83
·
verified ·
1 Parent(s): 2720946

Update app.py

Browse files
Files changed (1) hide show
  1. app.py +34 -3
app.py CHANGED
@@ -39,8 +39,7 @@ def _(mo):
39
 
40
  # Place as the last statement to ensure Marimo renders it!
41
  upload_ui
42
- return upload_decomp, upload_species, upload_yield
43
-
44
 
45
  @app.cell
46
  def _(io, mo, pd, upload_decomp, upload_species, upload_yield):
@@ -129,7 +128,39 @@ def _(ALL_SITES, mo, species_data):
129
  def _(mo):
130
  dropdown_styles = mo.Html("""
131
  <style>
132
- ... (keep your existing CSS unchanged)
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
133
  </style>
134
  """)
135
 
 
39
 
40
  # Place as the last statement to ensure Marimo renders it!
41
  upload_ui
42
+ return upload_decomp, upload_species, upload_yield, upload_ui
 
43
 
44
  @app.cell
45
  def _(io, mo, pd, upload_decomp, upload_species, upload_yield):
 
128
  def _(mo):
129
  dropdown_styles = mo.Html("""
130
  <style>
131
+ .marimo-dropdown select, select {
132
+ appearance: none;
133
+ -webkit-appearance: none;
134
+ background-color: #1e1e2e;
135
+ color: #cdd6f4;
136
+ padding: 8px 36px 8px 14px;
137
+ border: 1.5px solid #45475a;
138
+ border-radius: 10px;
139
+ font-size: 13px;
140
+ font-family: 'Inter', sans-serif;
141
+ cursor: pointer;
142
+ min-width: 160px;
143
+ transition: border-color 0.2s, box-shadow 0.2s;
144
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24'%3E%3Cpath fill='%2389b4fa' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
145
+ background-repeat: no-repeat;
146
+ background-position: right 10px center;
147
+ }
148
+ select:hover { border-color: #89b4fa; }
149
+ select:focus {
150
+ outline: none;
151
+ border-color: #89b4fa;
152
+ box-shadow: 0 0 0 3px rgba(137, 180, 250, 0.20);
153
+ }
154
+ label {
155
+ font-size: 11px;
156
+ font-family: 'Inter', sans-serif;
157
+ font-weight: 600;
158
+ letter-spacing: 0.05em;
159
+ text-transform: uppercase;
160
+ color: #a6adc8;
161
+ margin-bottom: 4px;
162
+ display: block;
163
+ }
164
  </style>
165
  """)
166