slight html/js/css changes

2026-08-09 17:31:45 +00:00 · 2024-06-24 15:13:31 +03:00
parent cbd017aceb
commit a967665cbd
3 changed files with 58 additions and 5 deletions
@@ -1,19 +1,19 @@
 body {
-    background-color: #2e2e2e;
-    /* Dark background color */
+    background-color: #252525;
    color: #e0e0e0;
-    /* Light text color */
+    margin: 0;
    font-family: Arial, sans-serif;
 }

 #container {
    margin-top: 20px;
+    margin-left: 10px;
+    margin-right: 10px;
    margin-bottom: 20px
 }

 .table-container {
    margin-bottom: 40px;
-    /* Space between tables */
 }

 .csv-table {
@@ -22,4 +22,51 @@ body {

 h3 {
    margin-top: 0;
+}
+
+nav {
+    background-color: #121212;
+    padding: 1em 0;
+    display: flex;
+    align-items: center;
+    position: relative;
+}
+
+nav .logo {
+    margin-left: 40px;
+    height: 40px;
+    /* Adjust height as needed */
+}
+
+nav ul {
+    list-style-type: none;
+    margin: 0;
+    margin-left: 1px;
+    display: flex;
+    flex-grow: 1;
+    justify-content: left;
+}
+
+nav ul li {
+    margin-right: 50px;
+}
+
+nav ul li a {
+    text-decoration: none;
+    color: #fff;
+    font-size: 1.2em;
+}
+
+nav ul li a:hover,
+nav ul li a.active {
+    color: #3fb449;
+}
+
+nav .bottom-bar {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 2px;
+    background-color: #25682a;
 }
@@ -137,6 +137,7 @@ function addTableElement(blenderId, csvData, filename) {

  var table = new Tabulator("#table-" + blenderId, {
    height: "400px",
+    resizableColumnGuide: true,
    index: "GlobalId",
    data: csvData,
    importFormat: "csv",
@@ -27,7 +27,12 @@
    <script defer src="./static/js/index.js"></script>
  </head>
  <body>
-    <h1>IFC Data</h1>
+    <nav>
+      <ul>
+        <li><a href="/">IFC Data</a></li>
+      </ul>
+      <div class="bottom-bar"></div>
+    </nav>
    <div id="container"></div>
  </body>
 </html>