Changeset b5ce654 for src/main/resources/templates

Timestamp:

02/06/23 19:28:42 (22 months ago)

Author:

DenicaKj <dkorvezir@…>

Branches:

master

Children:

0fb69cc

Parents:

a69d48c

Message:

Style updates

Location:

src/main/resources/templates

Files:

• addEvent.html (modified) (1 diff)
• addFilm.html (modified) (1 diff)
• addProjection.html (modified) (1 diff)
• film.html (modified) (2 diffs)

src/main/resources/templates/addEvent.html

@@ -1 +1 @@
 <th:block xmlns:th="http://www.thymeleaf.org">
-    <section class="jumbotron text-center">
-        <div class="container">
-            <h1 class="jumbotron-heading">Add New Event</h1>
-        </div>
-    </section>
-
-    <div class="container">
+    <div style="color: white" class="container">
+        <h1 class="jumbotron-heading">Add New Event</h1>
         <div class="row">
             <div class="col-md-5">

src/main/resources/templates/addFilm.html

@@ -1 +1 @@
 <th:block xmlns:th="http://www.thymeleaf.org">
-    <section class="jumbotron text-center">
-        <div class="container">
-            <h1 class="jumbotron-heading">Add New Film</h1>
-        </div>
-    </section>
 
-    <div class="container">
+    <div class="container" style="color: white">
+        <h1 class="jumbotron-heading">Add New Film</h1>
         <div class="row">
             <div class="col-md-5">

src/main/resources/templates/addProjection.html

@@ -1 +1 @@
 <th:block xmlns:th="http://www.thymeleaf.org">
-    <section class="jumbotron text-center">
-        <div class="container">
-            <h1 class="jumbotron-heading">Add New Projection</h1>
-        </div>
-    </section>
 
-    <div class="container">
+    <div class="container" style="color: white">
+        <h1 class="jumbotron-heading">Add New Projection</h1>
         <div class="row">
             <div class="col-md-5">

src/main/resources/templates/film.html

@@ -12 +12 @@
     .main{
         display: flex;
-        justify-content: flex-start;
+        justify-content: space-between;
         align-items: flex-start;
         margin-left: 100px;
+    }
+    .slika{
+        margin-right: 100px;
+    }
+    img{
+        width: 300px;
+        height: 350px;
+        border-radius: 20px;
     }
 </style>
@@ -35 +43 @@
                 <span th:text="${film.director}"></span>
             </h4>
+            <h4 style="color: white">
+                <span th:text="${rating}"></span>
+                <span>/5</span>
+            </h4>
         </div>
+    <div class="slika">
+        <img th:src="@{${film.getUrl()}}"/>
+    </div>
 
 </div>
 </div>
-</div>