self-hosted/LibreTranslate
1
0
Fork 0
mirror of https://github.com/LibreTranslate/LibreTranslate.git synced 2024-12-24 10:06:43 +02:00
Code Issues Releases Activity

bug: optimize download btn for mobile

Browse Source
This commit is contained in:
Seth Falco 2022-01-04 21:13:43 +01:00
parent 5176c18625
commit 558f58e4b2
No known key found for this signature in database
GPG Key ID: DE1C217EFF01FEC8
2 changed files with 19 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
app/static/css/main.css
View File

@ -256,6 +256,17 @@ h3.header {
height: 32px;
}
#download-btn-wrapper {
display: flex;
justify-content: center;
margin: 2em 0;
}
#download-btn {
display: flex;
align-items: center;
}
@media (min-width: 280px) {
.btn-text {
display: inline;

12
app/templates/index.html
View File

@ -243,20 +243,24 @@
</div>
</div>
</div>
{% if web_version %}
{% if web_version %}
<div class="section no-pad-bot">
<div class="container">
<div class="row center">
<div class="col s12 m12">
<h3 class="header">Open Source Machine Translation API</h3>
<h4 class="header">100% Self-Hosted. Offline Capable. Easy to Setup.</h4>
<br/><a class="waves-effect waves-light btn btn-large" href="https://github.com/LibreTranslate/LibreTranslate" rel="noopener noreferrer"><i class="material-icons left">cloud_download</i> Download</a>
<br/><br/><br/>
<div id="download-btn-wrapper">
<a id="download-btn" class="waves-effect waves-light btn btn-large" href="https://github.com/LibreTranslate/LibreTranslate" rel="noopener noreferrer">
<i class="material-icons">cloud_download</i>
<span class="btn-text">Download</span>
</a>
</div>
</div>
</div>
</div>
</div>
{% endif %}
{% endif %}
</div>
</main>