From bbd329a4cf86347a39a01f37c18b6ebfe148e88f Mon Sep 17 00:00:00 2001
From: Xeovalyte <me+gitea@xeovalyte.dev>
Date: Sun, 25 Jun 2023 17:48:22 +0200
Subject: [PATCH] feat: Added Map page

---
 webv2/app.vue                     |  2 +-
 webv2/components/body/Sidebar.vue |  2 +-
 webv2/layouts/default.vue         |  8 ++++----
 webv2/pages/map.vue               | 11 +++++++++++
 4 files changed, 17 insertions(+), 6 deletions(-)
 create mode 100644 webv2/pages/map.vue

diff --git a/webv2/app.vue b/webv2/app.vue
index 06ae74e..637cee7 100644
--- a/webv2/app.vue
+++ b/webv2/app.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="min-h-screen w-full overflow-y-auto bg-gray-900">
+  <div class="w-full overflow-y-auto bg-gray-900">
     <NuxtLayout />
 
     <UNotifications />
diff --git a/webv2/components/body/Sidebar.vue b/webv2/components/body/Sidebar.vue
index 8413cc0..5665e67 100644
--- a/webv2/components/body/Sidebar.vue
+++ b/webv2/components/body/Sidebar.vue
@@ -11,7 +11,7 @@
       <Icon size="1.5em" name="heroicons:users" class="mr-2" />
       Team
     </NuxtLink>
-    <NuxtLink class="flex w-full items-center rounded bg-black/0 p-2 text-lg hover:cursor-pointer hover:bg-black/20">
+    <NuxtLink to="/map" class="flex w-full items-center rounded bg-black/0 p-2 text-lg hover:cursor-pointer hover:bg-black/20">
       <Icon size="1.5em" name="heroicons:map" class="mr-2" />
       Map
     </NuxtLink>
diff --git a/webv2/layouts/default.vue b/webv2/layouts/default.vue
index 832e2d5..a252f12 100644
--- a/webv2/layouts/default.vue
+++ b/webv2/layouts/default.vue
@@ -1,15 +1,15 @@
 <template>
-  <div class="flex min-h-screen w-full overflow-y-auto">
+  <div class="flex w-full">
     <Transition>
       <BodySidebar v-if="showSidebar && user.minecraft" />
     </Transition>
-    <div class="w-full px-5 transition-all duration-300 ease-in-out" :class="{ 'xl:ms-56': showSidebar && user.minecraft }">
-      <div v-if="user.minecraft" class="mx-auto w-full max-w-[92rem]">
+    <div class="h-screen w-full overflow-y-auto px-5 transition-all duration-300 ease-in-out" :class="{ 'xl:ms-56': showSidebar && user.minecraft }">
+      <div v-if="user.minecraft" class="mx-auto flex h-full w-full max-w-[92rem] flex-col">
         <div class="my-5 text-xl font-bold">
           <Icon size="1.6em" :name="!showSidebar ? 'heroicons:bars-3-center-left' : 'heroicons:chevron-left'" class="text-primary-500 mr-3 hover:cursor-pointer" @click="showSidebar = !showSidebar" />
           {{ route.meta.title }}
         </div>
-        <NuxtPage class="" />
+        <NuxtPage class="h-full" />
       </div>
       <BodyConnectminecraft v-else />
     </div>
diff --git a/webv2/pages/map.vue b/webv2/pages/map.vue
new file mode 100644
index 0000000..27e83ec
--- /dev/null
+++ b/webv2/pages/map.vue
@@ -0,0 +1,11 @@
+<template>
+  <iframe src="https://polarcraft-map.xeovalyte.dev/" height="100%" width="100%" class="mb-5 rounded-xl" />
+</template>
+<script lang="ts">
+definePageMeta({
+  middleware: ['auth'],
+  title: 'Map'
+})
+
+useHead({ title: 'Map | Polarcraft' })
+</script>