justuser-31/ss14_chemistry_site
1
0
Fork 0
mirror of https://github.com/Justuser3310/ss14_chemistry_site.git synced 2025-02-08 09:07:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
none 2024-02-02 21:11:15 +03:00
parent 129f0aa6ee
commit 4c661a5bba
2 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
assets/style.css
View File

@ -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;
} }

4
site.py
View File

@ -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%'})