Browse Source

Change responsiveness

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

38
index.html

@ -11,32 +11,32 @@
</head> </head>
<body> <body>
<div class="container"> <div class="container">
<div class="row" id="remote-control"> <div class="row remote-control" id="remote">
<a class="col-sm-4 btn btn-danger" onclick="sendKey('POWER')"><i class="fas fa-power-off"></i></a> <a class="col-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-4 btn btn-secondary" onclick="sendKey('DPAD_UP')"><i class="fas fa-caret-up fa-1c5x"></i></a>
<a class="col-sm-4"></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-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-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_RIGHT')"><i class="fas fa-caret-right fa-1c5x"></i></a>
<a class="col-sm-4"></a> <a class="col-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-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>
<hr class="col-md-12"/> <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-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-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('VOLUME_UP')"><i class="fas fa-volume-up"></i></a>
<a class="col-sm-4"></a> <a class="col-4"></a>
<a class="col-sm-4"></a> <a class="col-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 btn btn-secondary" onclick="sendKey('VOLUME_DOWN')"><i class="fas fa-volume-down"></i></a>
<a class="col-sm-4"></a> <a class="col-4"></a>
<a class="col-sm-4"></a> <a class="col-4"></a>
<a class="col-sm-4"></a> <a class="col-4"></a>
</div> </div>
</div> </div>

2
remote.css

@ -1,4 +1,4 @@
#remote-control { #remote {
margin: 3em auto; margin: 3em auto;
max-width: 300px; max-width: 300px;
} }

Loading…
Cancel
Save