mirror of
https://github.com/Justuser3310/ss14_chemistry_site.git
synced 2025-01-18 16:58:48 +00:00
+ Сверхузкие телефоны дубль 2
This commit is contained in:
parent
129f0aa6ee
commit
4c661a5bba
@ -66,6 +66,15 @@ body {
|
||||
width: 80vh;
|
||||
}
|
||||
|
||||
.react_vol {
|
||||
display: flex;
|
||||
flexDirection: row;
|
||||
}
|
||||
.vol {
|
||||
flex: 1;
|
||||
padding-left: 25;
|
||||
min-width: 100px;
|
||||
}
|
||||
|
||||
/* Иконка + текст слева в панели */
|
||||
.img_text_panel {
|
||||
@ -126,7 +135,9 @@ body {
|
||||
}
|
||||
/* Сверхузкие телефоны */
|
||||
@media (max-width: 400px) {
|
||||
.panel {
|
||||
.react_vol {
|
||||
flex-direction: column;
|
||||
}
|
||||
.vol {
|
||||
padding-top: 8px;
|
||||
}
|
||||
|
4
site.py
4
site.py
@ -102,9 +102,9 @@ html.Div([
|
||||
html.Div([
|
||||
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={'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%'})
|
||||
|
Loading…
Reference in New Issue
Block a user