From 96eb2d2e966f8e33c10f4b196aa2cb8f6ad8aae5 Mon Sep 17 00:00:00 2001
From: Haoyu Sun <SunH26@cardiff.ac.uk>
Date: Thu, 31 Oct 2024 09:51:44 +0000
Subject: [PATCH] itemDetail
---
src/main/resources/static/css/ItemDetail.css | 38 +++++++++++++++++++
.../resources/templates/page/itemDetail.html | 13 +++++++
2 files changed, 51 insertions(+)
create mode 100644 src/main/resources/static/css/ItemDetail.css
diff --git a/src/main/resources/static/css/ItemDetail.css b/src/main/resources/static/css/ItemDetail.css
new file mode 100644
index 0000000..de14c4d
--- /dev/null
+++ b/src/main/resources/static/css/ItemDetail.css
@@ -0,0 +1,38 @@
+.logo-section img {
+ height: 50px;
+ width: 50px;
+}
+/*.nav{*/
+/* ul {*/
+/* list-style: none;*/
+/* padding: 0;*/
+/* margin: 0;*/
+/* li {*/
+/* display: inline;*/
+/* margin: 0 15px;*/
+/* a {*/
+/* text-decoration: none;*/
+/* color: #333;*/
+/* }*/
+/* }*/
+/* }*/
+/*}*/
+.logo-section img {
+ height: 50px; /* Logo height */
+}
+
+.nav ul {
+ list-style: none; /* cancel default list style */
+ padding: 0; /* cancel default padding */
+ margin: 0; /* cancel default margin */
+}
+
+.nav li {
+ display: inline; /* make list arranged in horizontal pattern */
+ margin: 0 15px; /* add left and right spacing */
+}
+
+.nav a {
+ text-decoration: none; /* remove underline */
+ color: #333; /* link color */
+}
\ No newline at end of file
diff --git a/src/main/resources/templates/page/itemDetail.html b/src/main/resources/templates/page/itemDetail.html
index d36d7d1..2b52bb6 100644
--- a/src/main/resources/templates/page/itemDetail.html
+++ b/src/main/resources/templates/page/itemDetail.html
@@ -4,6 +4,7 @@
<head>
<meta charset="UTF-8">
<title>Title</title>
+ <link rel="stylesheet" href="../../css/ItemDetail.css">
<script>
function sendRequest() {
alert("exchange message send successful");
@@ -12,6 +13,18 @@
</head>
<body>
<!-- <div>itemDetail</div>-->
+
+ <div class="logo-section">
+ <img th:src="@{/images/logo.jpg}" alt="Logo">
+ </div>
+ <nav class="nav">
+ <ul>
+ <li><a th:href="@{/index}">Index</a></li>
+ <li><a th:href="@{/groupList}">GroupList</a></li>
+ <li><a th:href="@{/itemList}">Shelf Item</a></li>
+ <li><a th:href="@{/personalInformation}">Personal Information</a></li>
+ </ul>
+ </nav>
<table>
<!-- thead-->
<thead>
--
GitLab