mirrors/LibreTranslate
1
1
Fork 1
mirror of https://github.com/LibreTranslate/LibreTranslate.git synced 2024-11-22 07:51:00 +00:00
Code Issues Projects Releases Packages Wiki Activity

add file input

Browse source
This commit is contained in:
Sébastien Thuret 2021-10-24 13:22:44 +02:00
parent f906a39f66
commit 6f63bab8a1
No known key found for this signature in database
GPG key ID: 4742E2D66933BB08
2 changed files with 32 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
app/static/css/main.css
View file

@ -137,6 +137,23 @@ h3.header {
color: #fff; color: #fff;
} }
.file-dropzone {
font-size: 1.1rem;
border: 1px solid #ccc;
background: #f3f3f3;
padding: 1rem 2rem 1rem 1.5rem;
height: 220px;
position: relative;
}
.dropzone-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.btn-action { .btn-action {
display: flex; display: flex;
align-items: center; align-items: center;

17
app/templates/index.html
View file

@ -173,8 +173,21 @@
</div> </div>
</div> </div>
<div class="row" v-if="translationType === 'files'"> <div class="row" v-if="translationType === 'files'">
<div class="input-field textarea-container col s12"> <div class="file-dropzone">
<div class="dropzone-content">
<span>Supported file format: </span>
<form action="#">
<div class="file-field input-field">
<div class="btn">
<span>File</span>
<input type="file">
</div>
<div class="file-path-wrapper hidden">
<input class="file-path validate" type="text">
</div>
</div>
</form>
</div>
</div> </div>
</div> </div>
</form> </form>