k-space/sumorobot-web
10
0
Fork 0
forked from marva/sumorobot-web
Code Issues Pull Requests Projects Wiki Activity

replace svg logo, update mobile layout

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

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

BIN
logo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 31 KiB

After

Width:  |  Height:  |  Size: 27 KiB

15
logo.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 106 KiB

10
styles.css
View File

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