From cf487abef43e9c8a1651daa306383cb7170eefc0 Mon Sep 17 00:00:00 2001
From: alex <alex@alexloehr.net>
Date: Tue, 03 Jun 2025 09:18:48 +0000
Subject: [PATCH] adding page Users.vue
---
vue/src/components/Header.vue | 15 +++++++++++++++
vue/src/App.vue | 36 ++++++++++++++++++++++++++++++++++--
vue/src/pages/Users.vue | 3 ++-
vue/src/main.js | 2 +-
4 files changed, 52 insertions(+), 4 deletions(-)
diff --git a/vue/src/App.vue b/vue/src/App.vue
index 3b9016d..c507719 100644
--- a/vue/src/App.vue
+++ b/vue/src/App.vue
@@ -1,10 +1,11 @@
<script setup>
+import Header from "./components/Header.vue"
</script>
<template>
<header>
- <h1>globus-ilias-rest UI</h1>
+ <Header />
</header>
<main>
@@ -13,7 +14,38 @@
</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
+ background-color #777;
+ position fixed;
+ top 0
+ left 0
+ right 0
+ padding .5em;
+
+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
</style>
diff --git a/vue/src/components/Header.vue b/vue/src/components/Header.vue
new file mode 100644
index 0000000..e9c0eaa
--- /dev/null
+++ b/vue/src/components/Header.vue
@@ -0,0 +1,15 @@
+<script setup>
+
+</script>
+
+<template>
+
+ <div class="header">
+ header
+ </div>
+
+</template>
+
+<style scoped>
+
+</style>
diff --git a/vue/src/main.js b/vue/src/main.js
index dd80fff..3d970ba 100644
--- a/vue/src/main.js
+++ b/vue/src/main.js
@@ -1,4 +1,4 @@
-import './assets/main.css'
+// import './assets/main.css'
import {createApp} from 'vue'
import App from './App.vue'
diff --git a/vue/src/pages/Users.vue b/vue/src/pages/Users.vue
index 4496c1d..8d58545 100644
--- a/vue/src/pages/Users.vue
+++ b/vue/src/pages/Users.vue
@@ -34,12 +34,13 @@
<template>
<div>
+
<h1>Users</h1>
<p>{{ userId }}</p>
<p v-if="error">{{ error }}</p>
<div class="users">
- <table>
+ <table class="">
<thead>
<tr>
<th>usr_id</th>
--
Gitblit v1.8.0