Restructured Project Rep

app.vue

@@ -0,0 +1,116 @@
+<script setup>
+const supabase = useSupabaseClient()
+const user = useSupabaseUser()
+const route = useRoute()
+const tenants = (await supabase.from("tenants").select()).data
+const dataStore = useDataStore()
+const viewport = useViewport()
+
+/*watch(viewport.breakpoint, (newBreakpoint, oldBreakpoint) => {
+  console.log('Breakpoint updated:', oldBreakpoint, '->', newBreakpoint)
+})*/
+
+
+
+
+
+
+useHead({
+  meta: [
+    { name: 'viewport', content: 'width=device-width, initial-scale=1' }
+  ],
+  link: [
+    { rel: 'icon', href: '/favicon.ico' }
+  ],
+  htmlAttrs: {
+    lang: 'de'
+  }
+})
+
+useSeoMeta({
+  ogSiteName: 'FEDEO',
+  twitterCard: 'summary_large_image'
+})
+
+</script>
+
+<template>
+
+  <NuxtLayout>
+    <NuxtPage/>
+  </NuxtLayout>
+
+  <UNotifications/>
+  <VitePwaManifest/>
+
+
+</template>
+
+<style>
+/* width */
+::-webkit-scrollbar {
+  width: 5px;
+  height: 5px;
+}
+
+/* Track */
+::-webkit-scrollbar-track {
+  background: rgb(2,6,23);
+}
+
+/* Handle */
+::-webkit-scrollbar-thumb {
+  background: grey;
+  border-radius: 5px;
+}
+
+/* Handle on hover */
+::-webkit-scrollbar-thumb:hover {
+  background: #69c350;
+}
+
+
+#logo img{
+  height: 15vh;
+  width: auto;
+}
+
+
+
+.documentList {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  overflow-y: scroll;
+}
+
+.scrollList {
+  overflow-y: scroll;
+  height: 85vh;
+  margin-top: 1em;
+}
+
+
+  #page {
+    width: 98vw;
+    height: 95vh;
+    margin:1em;
+  }
+
+  .listItem {
+    padding: .1em;
+    border: 1px solid grey;
+    border-radius: 15px;
+    margin-top: 1em;
+  }
+  .listItem:hover {
+    border: 1px solid #69c350;
+  }
+
+
+  a:hover {
+    color: #69c350
+  }
+
+
+</style>