diff options
| author |   Humberto Alfonso Díaz <humberto.alfonso@asvito.es> | 2019-12-10 14:24:43 +0100 |
|---|---|---|
| committer |   Lorenzo Tilve <ltilve@igalia.com> | 2020-02-04 19:03:18 +0100 |
| commit | 9a47d56486ca9d6852613e98582bba8257b08d81 (patch) | |
| tree | 6b9efd80f6a3f0c7ec1a57138a763d2a7d021067 /src/templates | |
| parent | 427a12e11932716a87741686e558a0ad8b49bb03 (diff) | |
BUGFIX Add landscape/portrait support
Diffstat (limited to 'src/templates')
| -rw-r--r-- | src/templates/main.template.html | 50 |
1 files changed, 43 insertions, 7 deletions
diff --git a/src/templates/main.template.html b/src/templates/main.template.html index b2811be..32696c7 100644 --- a/src/templates/main.template.html +++ b/src/templates/main.template.html @@ -1,5 +1,5 @@ <div class="container-fluid"> - <div class="row align-items-end"> + <div class="row align-items-end speedometertop"> <div class="col-12"> <span class="speed"> {{ speed }} @@ -7,7 +7,7 @@ MPH </div> </div> - <div class="row"> + <div class="row mt-2"> <div class="col-3 px-0"> <div class="container px-0 tirePreassure mt-5"> <div class="row"> @@ -85,7 +85,7 @@ </div> </div> </div> - <div class="row mt-5"> + <div class="row mt-5 inforow"> <div class="col-6 offset-6"> <div class="container"> <div class="row align-items-center"> @@ -105,8 +105,26 @@ </div> </div> </div> - <div class="row"> - <div class="col-6 offset-6"> + <div class="row inforow"> + <div class="col-6"> + <div class="container speedometerbottom"> + <div class="row align-items-center"> + <div class="col-9 offset-3"> + <div class="container"> + <div class="row"> + <small class="col-5 text-right"> + SPEED: + </small> + <small class="col-7 px-0 text-left text-primary"> + {{ speed }} MPH + </small> + </div> + </div> + </div> + </div> + </div> + </div> + <div class="col-6 inforow"> <div class="container"> <div class="row align-items-center"> <div class="col-9 offset-3"> @@ -125,8 +143,26 @@ </div> </div> </div> - <div class="row"> - <div class="col-6 offset-6"> + <div class="row inforow"> + <div class="col-6"> + <div class="container"> + <div class="row align-items-center"> + <div class="col-9 offset-3"> + <div class="container"> + <div class="row"> + <small class="col-5 text-right"> + RPM: + </small> + <small class="col-7 px-0 text-left text-primary"> + {{ rpm.value }} + </small> + </div> + </div> + </div> + </div> + </div> + </div> + <div class="col-6"> <div class="container"> <div class="row align-items-center"> <div class="col-9 offset-3"> |