<script setup>
import * as Sentry from "@sentry/browser"



const setup = async () => {
  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/>
    <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>