+ Сверхузкие телефоны дубль 2

main
none 10 months ago
parent 129f0aa6ee
commit 4c661a5bba

@ -66,6 +66,15 @@ body {
width: 80vh; width: 80vh;
} }
.react_vol {
display: flex;
flexDirection: row;
}
.vol {
flex: 1;
padding-left: 25;
min-width: 100px;
}
/* Иконка + текст слева в панели */ /* Иконка + текст слева в панели */
.img_text_panel { .img_text_panel {
@ -126,7 +135,9 @@ body {
} }
/* Сверхузкие телефоны */ /* Сверхузкие телефоны */
@media (max-width: 400px) { @media (max-width: 400px) {
.panel { .react_vol {
flex-direction: column; flex-direction: column;
} }
.vol {
padding-top: 8px;
} }

@ -102,9 +102,9 @@ html.Div([
html.Div([ html.Div([
dcc.Dropdown(list_form([30, 50, 100, 300, 1000]), 100, id='amount', clearable=False, searchable=False dcc.Dropdown(list_form([30, 50, 100, 300, 1000]), 100, id='amount', clearable=False, searchable=False
, style={'font-family': '"Mulish", sans-serif', 'font-size': '120%'}) , style={'font-family': '"Mulish", sans-serif', 'font-size': '120%'})
], style={'flex': 1, 'padding-left': 25, 'min-width': '100px'}) ], className="vol")
], style={'display': 'flex', 'flexDirection': 'row'}), ], className="react_vol"),
# Вывод # Вывод
html.Div(id='output', style={'text-align': 'center', 'padding-left': '15%', 'padding-right': '15%'}) html.Div(id='output', style={'text-align': 'center', 'padding-left': '15%', 'padding-right': '15%'})

Loading…
Cancel
Save