parra/TDTChannels
parra
/
TDTChannels
mirror of https://github.com/LaQuay/TDTChannels.git
1
0
Fork 0
Code Releases Activity

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

37
script/public/index.html
View File

@ -17,29 +17,22 @@
<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"> <h1 class="display-4">TDTChannels</h1>
<div class="col-2"></div> <br>
<div class="col-4"> <a class="btn btn-outline-secondary" role="button" href="https://github.com/LaQuay/TDTChannels"
<h1 class="display-4">TDTChannels</h1> target="_blank">Repositorio TDT Channels</a>
<br> <a class="btn btn-outline-success" role="button" href="http://www.marcvila.me/"
<a class="btn btn-outline-secondary" role="button" href="https://github.com/LaQuay/TDTChannels" target="_blank">Marc Vila</a>
target="_blank">Repositorio TDT Channels</a> <a class="btn btn-outline-warning" role="button" href="https://github.com/LaQuay/"
<a class="btn btn-outline-success" role="button" href="http://www.marcvila.me/" target="_blank">GitHub</a>
target="_blank">Marc Vila</a> <a class="btn btn-outline-primary" role="button" href="https://www.linkedin.com/in/marcvilagomez/"
<a class="btn btn-outline-warning" role="button" href="https://github.com/LaQuay/" target="_blank">LinkedIn</a>
target="_blank">GitHub</a> <div class="row" style="margin-top: 40px;">
<a class="btn btn-outline-primary" role="button" href="https://www.linkedin.com/in/marcvilagomez/" <div class="col-xs-4 col-md-4">
target="_blank">LinkedIn</a> <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

1
script/public/index.js
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'])
} }

7
script/public/styles.css
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;
} }