adding page Users.vue

alex

2025-06-03 cf487abef43e9c8a1651daa306383cb7170eefc0

adding page Users.vue

 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>

 vue/src/components/Header.vue

New file
@@ -0,0 +1,15 @@
<script setup>

</script>

<template>

   <div class="header">
      header
   </div>

</template>

<style scoped>

</style>

 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'

 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>