1
0
Fork 0
mirror of https://github.com/LaQuay/TDTChannels.git synced 2024-10-02 18:14:08 +02:00

fix responsive

This commit is contained in:
Marc 2019-02-03 18:49:20 +01:00
parent 0855554825
commit 2dad92dca5
3 changed files with 22 additions and 23 deletions

View file

@ -17,10 +17,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>
<body> <body>
<div class="container-fluid" style="margin-top: 30px; margin-bottom: 30px; padding-bottom: 50px;"> <div class="container" style="margin-top: 30px">
<div class="row">
<div class="col-2"></div>
<div class="col-4">
<h1 class="display-4">TDTChannels</h1> <h1 class="display-4">TDTChannels</h1>
<br> <br>
<a class="btn btn-outline-secondary" role="button" href="https://github.com/LaQuay/TDTChannels" <a class="btn btn-outline-secondary" role="button" href="https://github.com/LaQuay/TDTChannels"
@ -31,15 +28,11 @@
target="_blank">GitHub</a> target="_blank">GitHub</a>
<a class="btn btn-outline-primary" role="button" href="https://www.linkedin.com/in/marcvilagomez/" <a class="btn btn-outline-primary" role="button" href="https://www.linkedin.com/in/marcvilagomez/"
target="_blank">LinkedIn</a> target="_blank">LinkedIn</a>
<div class="row" style="margin-top: 40px;">
<div class="col-xs-4 col-md-4">
<div class="list-group channels-list"></div>
</div> </div>
</div> <div class="col-xs-8 col-md-8">
<div class="row">
<div class="col-2"></div>
<div class="col-2" style="margin-top: 25px">
<div class="list-group channels-list">
</div>
</div>
<div class="col-4" style="margin-top: 25px">
<div id="video"> <div id="video">
<p class="lead"> <p class="lead">
Reproductor de Televisión Reproductor de Televisión

View file

@ -176,7 +176,6 @@ function checkIfWebsiteWorks(sUrl){
function onChannelClick(channel){ function onChannelClick(channel){
channel = JSON.parse(channel); channel = JSON.parse(channel);
console.log(channel)
reproduceVideo(channel['options'][0]['url']) reproduceVideo(channel['options'][0]['url'])
} }

View file

@ -1,3 +1,10 @@
.container[data-container] { .container[data-container] {
max-width: 100% !important; max-width: 100% !important;
} }
.list-group{
max-height: 70%;
overflow: scroll;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}