Browse Source

Change responsiveness

master
Nero Ignis 5 years ago
parent
commit
849ff04671
  1. 38
      index.html
  2. 4
      remote.css

38
index.html

@ -11,32 +11,32 @@ @@ -11,32 +11,32 @@
</head>
<body>
<div class="container">
<div class="row" id="remote-control">
<a class="col-sm-4 btn btn-danger" onclick="sendKey('POWER')"><i class="fas fa-power-off"></i></a>
<a class="col-sm-4 btn btn-secondary" onclick="sendKey('DPAD_UP')"><i class="fas fa-caret-up fa-1c5x"></i></a>
<a class="col-sm-4"></a>
<div class="row remote-control" id="remote">
<a class="col-4 btn btn-danger" onclick="sendKey('POWER')"><i class="fas fa-power-off"></i></a>
<a class="col-4 btn btn-secondary" onclick="sendKey('DPAD_UP')"><i class="fas fa-caret-up fa-1c5x"></i></a>
<a class="col-4"></a>
<a class="col-sm-4 btn btn-secondary" onclick="sendKey('DPAD_LEFT')"><i class="fas fa-caret-left fa-1c5x"></i></a>
<a class="col-sm-4 btn btn-secondary" onclick="sendKey('DPAD_CENTER')">OK</a>
<a class="col-sm-4 btn btn-secondary" onclick="sendKey('DPAD_RIGHT')"><i class="fas fa-caret-right fa-1c5x"></i></a>
<a class="col-4 btn btn-secondary" onclick="sendKey('DPAD_LEFT')"><i class="fas fa-caret-left fa-1c5x"></i></a>
<a class="col-4 btn btn-secondary" onclick="sendKey('DPAD_CENTER')">OK</a>
<a class="col-4 btn btn-secondary" onclick="sendKey('DPAD_RIGHT')"><i class="fas fa-caret-right fa-1c5x"></i></a>
<a class="col-sm-4"></a>
<a class="col-sm-4 btn btn-secondary" onclick="sendKey('DPAD_DOWN')"><i class="fas fa-caret-down fa-1c5x"></i></a>
<a class="col-sm-4"></a>
<a class="col-4"></a>
<a class="col-4 btn btn-secondary" onclick="sendKey('DPAD_DOWN')"><i class="fas fa-caret-down fa-1c5x"></i></a>
<a class="col-4"></a>
<hr class="col-md-12"/>
<a class="col-sm-4 btn btn-secondary" onclick="sendKey('BACK')"><i class="fas fa-long-arrow-alt-left"></i></a>
<a class="col-sm-4 btn btn-secondary" onclick="sendKey('HOME')"><i class="fas fa-home"></i></a>
<a class="col-sm-4 btn btn-secondary" onclick="sendKey('VOLUME_UP')"><i class="fas fa-volume-up"></i></a>
<a class="col-4 btn btn-secondary" onclick="sendKey('BACK')"><i class="fas fa-long-arrow-alt-left"></i></a>
<a class="col-4 btn btn-secondary" onclick="sendKey('HOME')"><i class="fas fa-home"></i></a>
<a class="col-4 btn btn-secondary" onclick="sendKey('VOLUME_UP')"><i class="fas fa-volume-up"></i></a>
<a class="col-sm-4"></a>
<a class="col-sm-4"></a>
<a class="col-sm-4 btn btn-secondary" onclick="sendKey('VOLUME_DOWN')"><i class="fas fa-volume-down"></i></a>
<a class="col-4"></a>
<a class="col-4"></a>
<a class="col-4 btn btn-secondary" onclick="sendKey('VOLUME_DOWN')"><i class="fas fa-volume-down"></i></a>
<a class="col-sm-4"></a>
<a class="col-sm-4"></a>
<a class="col-sm-4"></a>
<a class="col-4"></a>
<a class="col-4"></a>
<a class="col-4"></a>
</div>
</div>

4
remote.css

@ -1,8 +1,8 @@ @@ -1,8 +1,8 @@
#remote-control {
#remote {
margin: 3em auto;
max-width: 300px;
}
.fa-1c5x {
font-size: 1.5em;
}
}

Loading…
Cancel
Save