Added Frontend

2026-01-06 12:09:31 +01:00
parent 6f3d4c0bff 125c16a20c
commit af5bd12577
250 changed files with 29602 additions and 0 deletions
--- a/frontend/app.vue
+++ b/frontend/app.vue
@@ -0,0 +1,150 @@
+<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>