Changeset 2efe93e in Git for target/classes/templates/favoriteList.html
- Timestamp:
- 02/06/22 20:01:15 (3 years ago)
- Branches:
- main
- Children:
- 42d565b
- Parents:
- f25e8dd
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
target/classes/templates/favoriteList.html
rf25e8dd r2efe93e 1 <style> 2 .card{ 3 background-size: 200px 300px; 4 background-repeat: no-repeat; 5 float:left; 6 margin: 7px; 7 min-height: 270px; 8 border-radius: 10px; 9 padding: 20px; 10 color: white; 11 -webkit-text-stroke-width: 1px; 12 -webkit-text-stroke-color: black; 13 } 1 <div class="container mb-4" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.w3.org/1999/xhtml"> 2 <div class="row" th:each="row: ${movie_rows}" > 3 <div class="col-md-3" th:each="movie: ${row}" > 4 <a class="card-text-center" th:href="@{'/movies/{id}' (id=${movie.getMovieId()})}" > 5 <div class="card-body card bg-image" th:style="'background:url(' + ${movie.getImageUrl()} + ') no-repeat center #eee;'"> 6 <h3 class="card-title title" th:text="${movie.getTitle()}"></h3> 7 <h3 class="card-text bottom" th:text="${'Rated '+movie.getImdbRating()}"></h3> 8 </div> 9 </a> 10 </div> 11 </div> 14 12 15 .card h4{ 16 text-align: center; 17 background-color: rgba(255,255,255,0.7); 18 border-radius: 5px; 19 } 20 21 .card h3{ 22 position: absolute; 23 top: 85%; 24 margin:auto; 25 width: 100%; 26 left: 0%; 27 border-radius: 10px; 28 text-align: center; 29 background-color: rgba(255,255,255,0.7); 30 } 31 </style> 32 33 34 <div class="container mb-4" xmlns:th="http://www.thymeleaf.org" xmlns:sec="http://www.w3.org/1999/xhtml"> 35 <div class="row"> 13 <!--<div class="row"> 36 14 <div class="col-12" th:if="${movies.size() > 0}"> 37 15 <div class="table-responsive"> 38 <a th:each="movie: ${movies}" th:href="@{'/movies/{id}' (id=${movie.getMovieId()})}" >39 <div class="col-2 card" th:style="'background:url(' + ${movie.getImageUrl()} + ');'">40 <h4 th:text="${movie.getTitle()}"></h4>41 <h3 th:text="${movie.getImdbRating()}"></h3>42 </div>43 </a>44 16 <table class="table table-striped"> 45 17 <thead> … … 78 50 </div> 79 51 </div> 80 </div> 52 </div>--> 81 53 </div>
Note:
See TracChangeset
for help on using the changeset viewer.