From ece8775cf07f8f7e278ec973105e4c74f87db2fe Mon Sep 17 00:00:00 2001
From: alex <alex@alexloehr.net>
Date: Tue, 03 Jun 2025 13:12:52 +0000
Subject: [PATCH] style update
---
vue/src/App.vue | 51 +++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 49 insertions(+), 2 deletions(-)
diff --git a/vue/src/App.vue b/vue/src/App.vue
index 99b82c6..f121a20 100644
--- a/vue/src/App.vue
+++ b/vue/src/App.vue
@@ -1,18 +1,65 @@
<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>
+
+ <footer> </footer>
</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
+ padding 0 1em
+ margin-top 3rlh
+ max-width 1280px;
+
+footer
+ padding 1.5em 0
+ //border 1px solid orange
+
+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