mirror of
https://github.com/Justuser3310/ss14_chemistry_site.git
synced 2025-02-08 09:07:38 +00:00
Более гладкий шрифт и +- адаптация для телефонов
This commit is contained in:
parent
d2459166e5
commit
ccdf64ab8b
@ -17,6 +17,7 @@ body {
|
|||||||
.Select-control {
|
.Select-control {
|
||||||
background-color: rgb(25, 25, 25) !important;
|
background-color: rgb(25, 25, 25) !important;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
font-family: 'Mulish', sans-serif;
|
||||||
}
|
}
|
||||||
.Select-menu-outer {
|
.Select-menu-outer {
|
||||||
background-color: rgb(27, 29, 30);
|
background-color: rgb(27, 29, 30);
|
||||||
@ -27,6 +28,14 @@ body {
|
|||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.Select-value {
|
||||||
|
font-family: 'Mulish', sans-serif;
|
||||||
|
}
|
||||||
|
.Select-placeholder {
|
||||||
|
font-family: 'Mulish', sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/* Верхняя панель */
|
/* Верхняя панель */
|
||||||
.panel {
|
.panel {
|
||||||
background-color: #161819;
|
background-color: #161819;
|
||||||
@ -65,6 +74,7 @@ body {
|
|||||||
padding-right: 4%;
|
padding-right: 4%;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
height: 60%;
|
height: 60%;
|
||||||
|
max-height: 35px;
|
||||||
}
|
}
|
||||||
/* Текст социалок */
|
/* Текст социалок */
|
||||||
.soc_text {
|
.soc_text {
|
||||||
@ -72,4 +82,5 @@ body {
|
|||||||
text-decoration: auto;
|
text-decoration: auto;
|
||||||
padding-left: 8%;
|
padding-left: 8%;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
|
font-family: 'Mulish', sans-serif;
|
||||||
}
|
}
|
||||||
|
12
site.py
12
site.py
@ -96,20 +96,20 @@ html.Div([
|
|||||||
html.Div([
|
html.Div([
|
||||||
dcc.Dropdown(list_form(els), id='reaction', placeholder="Реакция", maxHeight=500,
|
dcc.Dropdown(list_form(els), id='reaction', placeholder="Реакция", maxHeight=500,
|
||||||
style={'font-size': '120%', 'font-family': 'NotaSans'})
|
style={'font-size': '120%', 'font-family': 'NotaSans'})
|
||||||
], style={'flex': 4}),
|
], style={'flex': 4, 'min-width': '200px'}),
|
||||||
|
|
||||||
# Объём
|
# Объём
|
||||||
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': '"Source Sans Pro", sans-serif', 'font-size': '120%'}) #, 'background-color': 'rgb(27, 29, 30)'})
|
, style={'font-family': '"Mulish", sans-serif', 'font-size': '120%'})
|
||||||
], style={'flex': 1, 'padding-left': 25})
|
], style={'flex': 1, 'padding-left': 25, 'min-width': '100px'})
|
||||||
|
|
||||||
], style={'display': 'flex', 'flexDirection': 'row'}),
|
], style={'display': 'flex', 'flexDirection': 'row'}),
|
||||||
|
|
||||||
# Вывод
|
# Вывод
|
||||||
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%'})
|
||||||
|
|
||||||
], style={'padding': '5%', 'margin-left': '30%', 'margin-right': '30%'})
|
], style={'padding': '5%', 'margin-left': '25vw', 'margin-right': '25vw'})
|
||||||
|
|
||||||
])
|
])
|
||||||
# vh - высота окна, vw - ширина окна
|
# vh - высота окна, vw - ширина окна
|
||||||
@ -158,5 +158,5 @@ def update_output(reaction, amount):
|
|||||||
|
|
||||||
|
|
||||||
if __name__ == '__main__':
|
if __name__ == '__main__':
|
||||||
# app.run(debug=True)
|
app.run(debug=True)
|
||||||
app.run(debug=False)
|
# app.run(debug=False)
|
||||||
|
Loading…
Reference in New Issue
Block a user