Changes to the flow of the main bookshelf page
This commit is contained in:
4
static/css/skeleton.css
vendored
4
static/css/skeleton.css
vendored
@ -33,7 +33,7 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 960px;
|
max-width: 960px;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
padding: 0 20px;
|
padding: 0 15px;
|
||||||
box-sizing: border-box; }
|
box-sizing: border-box; }
|
||||||
.column,
|
.column,
|
||||||
.columns {
|
.columns {
|
||||||
@ -484,4 +484,4 @@ there.
|
|||||||
50% {
|
50% {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
}
|
}
|
||||||
}
|
}
|
@ -50,7 +50,7 @@
|
|||||||
>
|
>
|
||||||
<i class="fas fa-plus"></i> Add new movie</button
|
<i class="fas fa-plus"></i> Add new movie</button
|
||||||
><br />
|
><br />
|
||||||
<div id="listOfMovies"></div>
|
<div id="listOfMovies" class=""></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
@ -69,7 +69,7 @@
|
|||||||
currenElm = json[i]
|
currenElm = json[i]
|
||||||
if(currenElm.movieTitel.toLowerCase().replace("(", "").replace(")", "").includes(e.target.value.toLowerCase())){
|
if(currenElm.movieTitel.toLowerCase().replace("(", "").replace(")", "").includes(e.target.value.toLowerCase())){
|
||||||
console.log(currenElm.movieID)
|
console.log(currenElm.movieID)
|
||||||
elem.innerHTML += "<a href='/showDetails?id=" + currenElm.movieID + "'><div style='width: 150px; float: left; padding: 5px;'><img src='" + currenElm.posterUrl + '\' style="width: 100%;"><br><center><b>' + currenElm.movieTitel + "</b></center></div></a>"
|
elem.innerHTML += "<a style='width: 150px; float: left; padding: 4px; height: 309 ,jmnpx;' href='/showDetails?id=" + currenElm.movieID + "'><div ><img src='" + currenElm.posterUrl + '\' style="width: 100%;"><br><center><b>' + currenElm.movieTitel + "</b></center></div></a>"
|
||||||
}
|
}
|
||||||
i++
|
i++
|
||||||
}
|
}
|
||||||
@ -79,7 +79,7 @@
|
|||||||
elem = document.getElementById("listOfMovies")
|
elem = document.getElementById("listOfMovies")
|
||||||
while(i < json.length){
|
while(i < json.length){
|
||||||
currenElm = json[i]
|
currenElm = json[i]
|
||||||
elem.innerHTML += "<a href='/showDetails?id=" + currenElm.movieID + "'><div style='width: 150px; float: left; padding: 5px;'><img src='" + currenElm.posterUrl + '\' style="width: 100%;"><br><center><b>' + currenElm.movieTitel + "</b></center></div></a>"
|
elem.innerHTML += "<a style='width: 150px; float: left; padding: 4px; height: 309px;' href='/showDetails?id=" + currenElm.movieID + "'><div ><img src='" + currenElm.posterUrl + '\' style="width: 100%;"><br><center><b>' + currenElm.movieTitel + "</b></center></div></a>"
|
||||||
i++;
|
i++;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user