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-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 { .Select {
background-color: rgb(27, 29, 30); background-color: rgb(27, 29, 30);
color: #fff; color: #fff;
font-family: 'Mulish', sans-serif;
font-size: 2vh;
} }
.Select-input > input { .Select-input > input {
color: #fff; color: #fff;
@ -18,6 +20,7 @@ body {
background-color: rgb(25, 25, 25) !important; background-color: rgb(25, 25, 25) !important;
color: #fff; color: #fff;
font-family: 'Mulish', sans-serif; font-family: 'Mulish', sans-serif;
font-size: 2vh;
} }
.Select-menu-outer { .Select-menu-outer {
background-color: rgb(27, 29, 30); background-color: rgb(27, 29, 30);
@ -30,9 +33,11 @@ body {
.Select-value { .Select-value {
font-family: 'Mulish', sans-serif; font-family: 'Mulish', sans-serif;
font-size: 2vh;
} }
.Select-placeholder { .Select-placeholder {
font-family: 'Mulish', sans-serif; font-family: 'Mulish', sans-serif;
font-size: 2vh;
} }
@ -45,6 +50,23 @@ body {
justify-content: flex-start; 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 { .img_text_panel {
display: flex; display: flex;
@ -73,7 +95,8 @@ body {
padding-left: 1%; padding-left: 1%;
padding-right: 4%; padding-right: 4%;
align-items: center; align-items: center;
height: 60%; /* height: 60%; */
height: 4vh;
max-height: 35px; max-height: 35px;
} }
/* Текст социалок */ /* Текст социалок */
@ -81,6 +104,7 @@ body {
color: white; color: white;
text-decoration: auto; text-decoration: auto;
padding-left: 8%; padding-left: 8%;
font-size: 1rem; font-size: 1.6vh;
font-family: 'Mulish', sans-serif; font-family: 'Mulish', sans-serif;
} }

19
site.py
View File

@ -24,21 +24,21 @@ app.index_string = '''
<div class="panel"> <div class="panel">
<div class=img_text_panel> <div class=img_text_panel>
<img height="auto" src="assets/favicon.ico" style="padding: 10px;" width="35px"> <img height="auto" src="assets/favicon.ico" class="logo">
<div style="color: rgb(255, 255, 255); font-weight: bold; font-size: 4vh;">SS14 Tools</div> <div style="color: rgb(255, 255, 255); font-weight: bold; font-size: 2vh;">SS14 Tools</div>
</div> </div>
<div class=soc_buttons> <div class=soc_buttons>
<a href="https://discord.gg/VxHbM3cedQ" target="_blank" class="socials"> <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> <p class="soc_text">Discord</p>
</a> </a>
<a href="https://github.com/Justuser3310/ss14_chemistry_site" target="_blank"> <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>
<a href="https://t.me/ss14tools" target="_blank" class="socials"> <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> <p class="soc_text">Telegram</p>
</a> </a>
@ -109,9 +109,10 @@ html.Div([
# Вывод # Вывод
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': '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 - ширина окна # vh - высота окна, vw - ширина окна
# #
# 'background-color': '#242829', # 'background-color': '#242829',
@ -158,5 +159,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)