adding page UserDetail.vue

alex

2025-06-03 5aa551b34d06ad185ab000d4d5314849e2248992

 vue/src/App.vue

@@ -1,10 +1,15 @@
<script setup>

import Header from "./components/Header.vue"

import "./assets/styles.styl"

</script>

<template>

   <header>
      <h1>globus-ilias-rest UI</h1>
      <Header />
   </header>

   <main>
@@ -13,7 +18,43 @@

</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


small
   color #555
   font-size .66em;

</style>