kamp/LibreTranslate
1
0
Fork 0
mirror of https://github.com/LibreTranslate/LibreTranslate.git synced 2024-09-12 07:30:16 +02:00
Code Activity

Add switch type (text or files ) button

Browse Source
This commit is contained in:
Sébastien Thuret 2021-10-24 12:53:52 +02:00
parent 3e9d4c2c24
commit e58b8ff97d
No known key found for this signature in database
GPG Key ID: 4742E2D66933BB08
2 changed files with 23 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -23,6 +23,10 @@ h3.header {
margin-top: 0 !important;
}
.mb-1 {
margin-bottom: 1rem;
}
.position-relative {
position: relative;
}
@ -114,6 +118,21 @@ h3.header {
display: flex;
}
.btn-switch-type {
background-color: #fff;
color: #42A5F5;
}
.btn-switch-type:hover {
background-color: #eee;
color: #42A5F5;
}
.btn-switch-type.active {
background-color: #42A5F5;
color: #fff;
}
.btn-action {
display: flex;
align-items: center;

5
app/templates/index.html
View File

@ -105,7 +105,10 @@
<div class="container">
<div class="row">
<h3 class="header center">Translation API</h3>
<div class="col s12 mb-1">
<a class="btn btn-switch-type active"><i class="material-icons left">title</i>Translate text</a>
<a class="btn btn-switch-type"><i class="material-icons left">description</i>Translate files</a>
</div>
<form class="col s12">
<div class="row mb-0">
<div class="col s6 language-select">