#EHA-33 #EHA-34 Images arranged according to Thymeleaf.

E-Hayvan · Jan 3, 2024 · f06bfc5 · f06bfc5
1 parent c053b83
commit f06bfc5
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/src/main/resources/templates/desktop.html b/src/main/resources/templates/desktop.html
@@ -30,11 +30,11 @@
           <div class="Text" style="text-align: center; color: white; font-size: 40px; font-family: RocknRoll One; font-weight: 400">
             E-H
             <div class="Icon" style="display: inline-block; width: 12%; height: 12%">
-              <img class="Vector" src="../static/images/Union.png" alt="Logo" style="width: 100%; height: 100%; object-fit: contain; vertical-align: center; padding-bottom: 10px;">
+              <img class="Vector" th:src="@{/images/Union.png}" alt="Logo" style="width: 100%; height: 100%; object-fit: contain; vertical-align: center; padding-bottom: 10px;">
             </div>
             YV
             <div class="Icon" style="display: inline-block; width: 12%; height: 12%">
-              <img class="Vector" src="../static/images/Union.png" alt="Logo" style="width: 100%; height: 100%; object-fit: contain; vertical-align: center; padding-bottom: 10px;">
+              <img class="Vector" th:src="@{/images/Union.png}" alt="Logo" style="width: 100%; height: 100%; object-fit: contain; vertical-align: center; padding-bottom: 10px;">
             </div>
             N
           </div>

diff --git a/src/main/resources/templates/login.html b/src/main/resources/templates/login.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en" style="height: 100%;">
+<html lang="en" style="height: 100%;" xmlns:th="http://www.thymeleaf.org">
 
 <head>
   <meta charset="utf-8" />
@@ -28,23 +28,23 @@
     <div class="Text" style="text-align: left; margin-top: 30px; margin-left: 100px; color: black; font-size: 80px; font-family: RocknRoll One; font-weight: 400">
       E-H
       <div class="Icon" style="display: inline-block; width: 8%; height: 8%">
-        <img class="Vector" src="../static/images/Union.png" alt="Logo" style="width: 100%; height: 100%; object-fit: contain; vertical-align: center; padding-bottom: 10px;">
+        <img class="Vector" th:src="@{/images/Union.png}" alt="Logo" style="width: 100%; height: 100%; object-fit: contain; vertical-align: center; padding-bottom: 10px;">
       </div>
       YV
       <div class="Icon" style="display: inline-block; width: 8%; height: 8%">
-        <img class="Vector" src="../static/images/Union.png" alt="Logo" style="width: 100%; height: 100%; object-fit: contain; vertical-align: center; padding-bottom: 10px;">
+        <img class="Vector" th:src="@{/images/Union.png}" alt="Logo" style="width: 100%; height: 100%; object-fit: contain; vertical-align: center; padding-bottom: 10px;">
       </div>
       N
     </div>
-    <img src="../static/images/newdog.png" alt="New Dog Image" style="width: 52%; height: auto;">
+    <img th:src="@{/images/newdog.png}" alt="New Dog Image" style="width: 52%; height: auto;">
   </div>
 
   <div class="OtherSideMenu" style="width: 50%; height: 100%; flex-direction: column; justify-content: flex-start; margin-left: 0;">
       <div class="ActionSheet" style="width: 500px; height: 450px; margin-top: 170px; margin-left: 130px; flex-direction: column; align-items: center; display: inline-flex; background-color: white; border-radius: 20px;">
           <div class="BulletContainer" style="padding: 16px; justify-content: center; align-items: center; gap: 10px; display: inline-flex">
               <div class="IconFrame" style="padding: 24px; border-radius: 56px; border: 3px #D1E6FF solid; justify-content: center; align-items: center; gap: 10px; display: flex">
                   <div class="Icon" style="width: 48px; height: 48px; position: relative">
-                      <img class="Vector" src="../static/images/Icon.png" alt="Logo" style="width: 100%; height: 100%; object-fit: contain; vertical-align: center; padding-bottom: 10px;">
+                      <img class="Vector" th:src="@{/images/Icon.png}" alt="Logo" style="width: 100%; height: 100%; object-fit: contain; vertical-align: center; padding-bottom: 10px;">
                   </div>
               </div>
           </div>