135 lines
2.2 KiB
Vue
135 lines
2.2 KiB
Vue
<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)
|
|
})*/
|
|
|
|
const dev = process.dev
|
|
|
|
|
|
|
|
|
|
|
|
useHead({
|
|
title:"FEDEO",
|
|
meta: [
|
|
{ name: 'viewport', content: 'width=device-width, initial-scale=1, viewport-fit=cover,maximum-scale=1.0, user-scalable=no' },
|
|
],
|
|
link: [
|
|
{ rel: 'icon', href: '/favicon.ico' }
|
|
],
|
|
htmlAttrs: {
|
|
lang: 'de'
|
|
},
|
|
script: [
|
|
{
|
|
defer: true,
|
|
src: "/umami.js",
|
|
"data-website-id":"63419320-3c63-4d7a-bbb1-0103c5dcd953",
|
|
"data-host-url":"https://umami.fedeo.io"
|
|
}
|
|
]
|
|
})
|
|
|
|
useSeoMeta({
|
|
ogSiteName: 'FEDEO',
|
|
twitterCard: 'summary_large_image'
|
|
})
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<div class="safearea">
|
|
<NuxtLayout>
|
|
<NuxtPage/>
|
|
</NuxtLayout>
|
|
|
|
<UNotifications/>
|
|
<USlideovers />
|
|
<UModals />
|
|
<VitePwaManifest/>
|
|
</div>
|
|
|
|
|
|
|
|
</template>
|
|
|
|
<style>
|
|
/* width */
|
|
::-webkit-scrollbar {
|
|
width: 3px;
|
|
height: 3px;
|
|
}
|
|
|
|
/* Track */
|
|
::-webkit-scrollbar-track {
|
|
background: rgba(0,0,0,0);
|
|
}
|
|
|
|
/* Handle */
|
|
::-webkit-scrollbar-thumb {
|
|
background: rgb(226,232,240);
|
|
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;
|
|
}
|
|
|
|
|
|
#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
|
|
}
|
|
|
|
.safearea {
|
|
margin-top: env(safe-area-inset-top, 10px) !important;
|
|
margin-left: env(safe-area-inset-left, 5px) !important;
|
|
margin-right: env(safe-area-inset-right, 5px) !important;
|
|
margin-bottom: env(safe-area-inset-bottom, 37px) !important;
|
|
/*background-color: grey;*/
|
|
}
|
|
</style> |