116 lines
1.8 KiB
Vue
116 lines
1.8 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)
|
|
})*/
|
|
|
|
|
|
useHead({
|
|
meta: [
|
|
{ name: 'viewport', content: 'width=device-width, initial-scale=1' }
|
|
],
|
|
link: [
|
|
{ rel: 'icon', href: '/favicon.ico' }
|
|
],
|
|
htmlAttrs: {
|
|
lang: 'de'
|
|
}
|
|
})
|
|
|
|
useSeoMeta({
|
|
ogSiteName: 'spaces.software',
|
|
twitterCard: 'summary_large_image'
|
|
})
|
|
|
|
</script>
|
|
|
|
<template>
|
|
|
|
<NuxtLayout>
|
|
<NuxtPage/>
|
|
</NuxtLayout>
|
|
|
|
<UNotifications/>
|
|
<VitePwaManifest/>
|
|
|
|
|
|
</template>
|
|
|
|
<style>
|
|
|
|
#logo img{
|
|
height: 15vh;
|
|
width: auto;
|
|
}
|
|
|
|
|
|
|
|
.documentList {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: wrap;
|
|
overflow-y: scroll;
|
|
-ms-overflow-style: none; /* IE and Edge */
|
|
scrollbar-width: none; /* Firefox */
|
|
}
|
|
|
|
.documentList::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
.scrollList {
|
|
overflow-y: scroll;
|
|
height: 85vh;
|
|
margin-top: 1em;
|
|
-ms-overflow-style: none; /* IE and Edge */
|
|
scrollbar-width: none; /* Firefox */
|
|
}
|
|
|
|
.scrollList::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
|
|
#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
|
|
}
|
|
|
|
|
|
|
|
.table > div {
|
|
width: 78vw;
|
|
height: 90vh;
|
|
overflow: scroll !important;
|
|
-ms-overflow-style: none; /*!* IE and Edge *!*/
|
|
scrollbar-width: none; /*!* Firefox *!*/
|
|
}
|
|
|
|
.table > div::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
</style> |