replace svg logo, update mobile layout

This commit is contained in:
Silver Kuusik 2018-01-17 21:57:00 +01:00
parent f281593f1f
commit d60a15b460
4 changed files with 7 additions and 22 deletions

View File

@ -20,9 +20,7 @@
<div id="battery">Disconnected</div>
<div id="panel">
<object class="logo" type="image/svg+xml" data="logo.svg">
RoboKoding logo
</object>
<img class="logo" src="logo.png" alt="logo">
<div class="input-group">
<span class="input-group-addon" id="robot-label">robot name</span>
<input type="text" class="form-control" id="robot-id" placeholder="sumo-ID" />

BIN
logo.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 31 KiB

After

Width:  |  Height:  |  Size: 27 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 106 KiB

View File

@ -82,8 +82,9 @@ div#stream {
/* for desktop screen */
@media screen and (min-width: 1000px) {
/* logo object */
object.logo {
width: 45%;
img.logo {
width: 25%;
padding: 1vw;
}
/* control panel robot name input */
div.input-group {
@ -129,8 +130,9 @@ div#stream {
/* for mobile and tablet screen */
@media screen and (max-width: 1000px) {
/* logo object */
object.logo {
width: 70%;
img.logo {
width: 25%;
padding: 1vw;
}
/* control panel robot name input */
div.input-group {