From ec2bd5fad58b3ed2e03044a90083c34d118674e5 Mon Sep 17 00:00:00 2001
From: alex <alex@alexloehr.net>
Date: Tue, 03 Jun 2025 13:02:47 +0000
Subject: [PATCH] cleanup

---
 vue/src/App.vue |   44 ++++++++++++++++++++++++++++++++++++++++++--
 1 files changed, 42 insertions(+), 2 deletions(-)

diff --git a/vue/src/App.vue b/vue/src/App.vue
index 99b82c6..3c2ec7e 100644
--- a/vue/src/App.vue
+++ b/vue/src/App.vue
@@ -1,18 +1,58 @@
 <script setup>
+
+import Header from "./components/Header.vue"
+
+import "./assets/styles.styl"
+
 </script>
 
 <template>
 
    <header>
-      <h1>globus-ilias-rest UI</h1>
+      <Header />
    </header>
 
    <main>
+      <RouterView />
    </main>
 
 </template>
 
-<style scoped lang="stylus">
+<style lang="stylus">
 
+html, body {
+   margin 0
+   padding 0
+   font-family ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji"
+}
+
+header
+   position fixed;
+   top 0
+   left 0
+   right 0
+
+main
+   margin 0 auto
+   margin-top 3rlh
+   max-width 1280px;
+
+table
+   border 1px solid
+   border-collapse collapse
+   thead
+      background-color #ccc;
+   tbody
+      tr:nth-child(even)
+         background-color #eee;
+   td, th
+      margin 0
+      padding .33em .66em
+      border 1px solid #ccc
+
+
+small
+   color #555
+   font-size .66em;
 
 </style>

--
Gitblit v1.8.0