forked from marva/sumorobot-web
		
	replace svg logo, update mobile layout
This commit is contained in:
		@@ -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
									
									
									
									
									
								
							
							
						
						
									
										
											BIN
										
									
								
								logo.png
									
									
									
									
									
								
							
										
											Binary file not shown.
										
									
								
							| 
		 Before Width: | Height: | Size: 31 KiB After Width: | Height: | Size: 27 KiB  | 
							
								
								
									
										15
									
								
								logo.svg
									
									
									
									
									
								
							
							
						
						
									
										15
									
								
								logo.svg
									
									
									
									
									
								
							
										
											
												File diff suppressed because one or more lines are too long
											
										
									
								
							| 
		 Before Width: | Height: | Size: 106 KiB  | 
							
								
								
									
										10
									
								
								styles.css
									
									
									
									
									
								
							
							
						
						
									
										10
									
								
								styles.css
									
									
									
									
									
								
							@@ -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 {
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user