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

Новое оформление! Спасибо хосту Радиума за помощь.

Browse Source
This commit is contained in:
none 2024-01-29 01:39:57 +03:00
parent 911c20441f
commit 0eb57482d0
2 changed files with 45 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
assets/style.css Normal file
View File

@ -0,0 +1,28 @@
body {
background-color: #242829;
}
.Select {
background-color: rgb(27, 29, 30);
color: #fff;
}
.Select .Select-value {
background-color: rgb(27, 29, 30);
}
.Select-control {
background-color: rgb(25, 25, 25) !important;
color: #fff;
}
.Select-menu-outer {
background-color: rgb(27, 29, 30);
color: #fff;
border-radius: 10;
}
.has-value.Select--single>.Select-control .Select-value .Select-value-label, .has-value.is-pseudo-focused.Select--single>.Select-control .Select-value .Select-value-label{
color: white
}

24
site.py
View File

@ -19,14 +19,20 @@ def list_form(ll):
'chemicals': '🧪'} 'chemicals': '🧪'}
for i in ll: for i in ll:
if type(i) == int:
formatted.append(i)
#print(db[i][1]) #print(db[i][1])
if db[i][1] in imgs: elif db[i][1] in imgs:
# formatted.append({"label": html.Span(f"{imgs[db[i][1]]} {i}", style={'background-color': 'rgb(27, 29, 30)', 'color': 'rgb(0,0,0)'}),
# 'value': f"{imgs[db[i][1]]} {i}"})
# formatted.append(html.P(f"{imgs[db[i][1]]} {i}", style={'background-color': 'rgb(27, 29, 30)', 'color': 'rgb(0,0,0)'}))
formatted.append(imgs[db[i][1]] + ' ' + i) formatted.append(imgs[db[i][1]] + ' ' + i)
else: else:
formatted.append(i) formatted.append(i)
return formatted return formatted
# 'background-color': 'rgb(27, 29, 30)', 'color': 'rgb(255,255,255)'
app.layout = html.Div([ app.layout = html.Div([
@ -34,14 +40,15 @@ app.layout = html.Div([
html.Div([ html.Div([
# Реакция # Реакция
html.Div([ html.Div([
dcc.Dropdown(list_form(els), id='reaction', placeholder="Реакция", maxHeight=500, style={'font-size': '120%'}) dcc.Dropdown(list_form(els), id='reaction', placeholder="Реакция", maxHeight=500,
style={'font-size': '120%'}) #, 'background-color': 'rgb(27, 29, 30)'})
], style={'flex': 4}), ], style={'flex': 4}),
# Объём # Объём
html.Div([ html.Div([
dcc.Dropdown([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%'}) , style={'font-family': '"Source Sans Pro", sans-serif', 'font-size': '120%'}) #, 'background-color': 'rgb(27, 29, 30)'})
], style={'flex': 1, 'padding-left': 25}) ], style={'flex': 1, 'padding-left': 25}) #, 'background-color': 'rgb(27, 29, 30)'})
], style={'display': 'flex', 'flexDirection': 'row'}), ], style={'display': 'flex', 'flexDirection': 'row'}),
@ -50,6 +57,9 @@ html.Div([
], style={'padding': '5%', 'margin-left': '30%', 'margin-right': '30%'}) ], style={'padding': '5%', 'margin-left': '30%', 'margin-right': '30%'})
# vh - высота окна, vw - ширина окна
#
# 'background-color': '#242829',
# padding - отступ # padding - отступ
# [#####] # [#####]
# margin - сужение # margin - сужение
@ -78,11 +88,11 @@ def update_output(reaction, amount):
result = [] result = []
for i in comps: for i in comps:
result.append( html.Div(i + ': ' + str(comps[i]) result.append( html.Div(i + ': ' + str(comps[i])
, style={'background-color': '#3f3b17', 'margin-top': 10, 'border-radius': 10, 'padding': 15, 'font-family': '"Source Sans Pro", sans-serif', 'font-size': '120%'}) ) , style={'background-color': 'rgb(213, 193, 86)', 'color': '#ffffff', 'margin-top': 10, 'border-radius': 10, 'padding': 15, 'font-family': '"Source Sans Pro", sans-serif', 'font-size': '120%'}) )
# Выходное вещество # Выходное вещество
result.append( html.Div(f'{reaction}: {res}' result.append( html.Div(f'{reaction}: {res}'
, style={'background-color': '#183929', 'margin-top': 10, 'border-radius': 10, 'padding': 15, 'font-family': '"Source Sans Pro", sans-serif', 'font-size': '120%'}) ) , style={'background-color': 'rgb(61, 164, 113)', 'color': '#ffffff', 'margin-top': 10, 'border-radius': 10, 'padding': 15, 'font-family': '"Source Sans Pro", sans-serif', 'font-size': '120%'}) )
return result return result