150 lines
2.4 KiB
Vue
150 lines
2.4 KiB
Vue
<script setup>
|
|
import * as Sentry from "@sentry/browser"
|
|
|
|
|
|
|
|
/*watch(viewport.breakpoint, (newBreakpoint, oldBreakpoint) => {
|
|
console.log('Breakpoint updated:', oldBreakpoint, '->', newBreakpoint)
|
|
})*/
|
|
|
|
const platform = ref('default')
|
|
|
|
const setup = async () => {
|
|
if(await useCapacitor().getIsPhone()) {
|
|
platform.value = "mobile"
|
|
}
|
|
|
|
const dev = process.dev
|
|
console.log(dev)
|
|
}
|
|
setup()
|
|
|
|
|
|
|
|
Sentry.init({
|
|
dsn: "https://62e62ff08e1a438591fe5eb4dd9de244@glitchtip.federspiel.software/3",
|
|
tracesSampleRate: 0.01,
|
|
});
|
|
|
|
|
|
|
|
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":"2a9782fa-2fdf-4434-981d-93592d39edef",
|
|
"data-host-url":"https://umami.federspiel.software"
|
|
}
|
|
]
|
|
})
|
|
|
|
useSeoMeta({
|
|
ogSiteName: 'FEDEO',
|
|
twitterCard: 'summary_large_image'
|
|
})
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<div class="safearea">
|
|
<NuxtLayout>
|
|
<NuxtPage/>
|
|
</NuxtLayout>
|
|
|
|
<UNotifications :class="platform === 'mobile' ? ['mb-14'] : []"/>
|
|
<USlideovers />
|
|
<UModals/>
|
|
</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;*/
|
|
}
|
|
|
|
.scroll {
|
|
overflow-y: scroll;
|
|
}
|
|
</style> |