diff --git a/assets/style.css b/assets/style.css index 59a5bbe..3232e08 100644 --- a/assets/style.css +++ b/assets/style.css @@ -7,6 +7,8 @@ body { .Select { background-color: rgb(27, 29, 30); color: #fff; + font-family: 'Mulish', sans-serif; + font-size: 2vh; } .Select-input > input { color: #fff; @@ -18,6 +20,7 @@ body { background-color: rgb(25, 25, 25) !important; color: #fff; font-family: 'Mulish', sans-serif; + font-size: 2vh; } .Select-menu-outer { background-color: rgb(27, 29, 30); @@ -30,9 +33,11 @@ body { .Select-value { font-family: 'Mulish', sans-serif; + font-size: 2vh; } .Select-placeholder { font-family: 'Mulish', sans-serif; + font-size: 2vh; } @@ -45,6 +50,23 @@ body { justify-content: flex-start; } +.logo { + padding: 10px; + width: 4vh;0 +} +.git_logo { + width: 3.2vh; +} +.soc_logo { + width: 3.2vh; +} + +.react_vol_out { + padding-top: 10vh; + width: 80vh; +} + + /* Иконка + текст слева в панели */ .img_text_panel { display: flex; @@ -73,7 +95,8 @@ body { padding-left: 1%; padding-right: 4%; align-items: center; - height: 60%; +/* height: 60%; */ + height: 4vh; max-height: 35px; } /* Текст социалок */ @@ -81,6 +104,7 @@ body { color: white; text-decoration: auto; padding-left: 8%; - font-size: 1rem; + font-size: 1.6vh; font-family: 'Mulish', sans-serif; } + diff --git a/site.py b/site.py index d63f137..0326d25 100644 --- a/site.py +++ b/site.py @@ -24,21 +24,21 @@ app.index_string = '''
- -
SS14 Tools
+ +
SS14 Tools
- +

Discord

- + - +

Telegram

@@ -109,9 +109,10 @@ html.Div([ # Вывод html.Div(id='output', style={'text-align': 'center', 'padding-left': '15%', 'padding-right': '15%'}) -], style={'padding': '5%', 'margin-left': '25vw', 'margin-right': '25vw'}) +], className="react_vol_out") +#], style={'padding': '5%', 'margin-left': '25vw', 'margin-right': '25vw'}) -]) +], style={'justify-content': 'center', 'display': 'flex'}) # vh - высота окна, vw - ширина окна # # 'background-color': '#242829', @@ -158,5 +159,5 @@ def update_output(reaction, amount): if __name__ == '__main__': - app.run(debug=True) -# app.run(debug=False) +# app.run(debug=True) + app.run(debug=False)