justuser/ss14_chemistry_site
1
0
Fork 0
mirror of https://github.com/Justuser3310/ss14_chemistry_site.git synced 2025-01-18 16:58:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

Ещё более адаптировано для телефона, пока кнопки не идеальны

Browse Source
This commit is contained in:
none 2024-02-02 20:05:33 +03:00
parent 8cca9cb964
commit a0782bd5e8
2 changed files with 36 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
assets/style.css
View File

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

19
site.py
View File

@ -24,21 +24,21 @@ app.index_string = '''
<div class="panel">
<div class=img_text_panel>
<img height="auto" src="assets/favicon.ico" style="padding: 10px;" width="35px">
<div style="color: rgb(255, 255, 255); font-weight: bold; font-size: 4vh;">SS14 Tools</div>
<img height="auto" src="assets/favicon.ico" class="logo">
<div style="color: rgb(255, 255, 255); font-weight: bold; font-size: 2vh;">SS14 Tools</div>
</div>
<div class=soc_buttons>
<a href="https://discord.gg/VxHbM3cedQ" target="_blank" class="socials">
<img src="assets/discord.svg" height="auto" width="30px">
<img src="assets/discord.svg" class="soc_logo">
<p class="soc_text">Discord</p>
</a>
<a href="https://github.com/Justuser3310/ss14_chemistry_site" target="_blank">
<img src="assets/github-mark-white.svg" height="auto" width="30px">
<img src="assets/github-mark-white.svg" class="git_logo">
</a>
<a href="https://t.me/ss14tools" target="_blank" class="socials">
<img src="assets/telegram.svg" height="auto" width="30px">
<img src="assets/telegram.svg" class="soc_logo">
<p class="soc_text">Telegram</p>
</a>
@ -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)