xeovalyte/Polarcraft
1
0
Fork 0
Code Issues 28 Pull Requests Actions Packages Projects 4 Releases Wiki Activity

feat: Added Map page
Some checks failed
Build and Deploy / Deploy Web (push) Failing after 1s
Details
Build and Deploy / Deploy Discord Bot (push) Failing after 1s
Details

Browse Source
This commit is contained in:
Xeovalyte 2023-06-25 17:48:22 +02:00
parent 5685dd5fb7
commit bbd329a4cf
4 changed files with 17 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
webv2/app.vue
View File

@ -1,5 +1,5 @@
<template> <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 /> <NuxtLayout />
<UNotifications /> <UNotifications />

2
webv2/components/body/Sidebar.vue
View File

@ -11,7 +11,7 @@
<Icon size="1.5em" name="heroicons:users" class="mr-2" /> <Icon size="1.5em" name="heroicons:users" class="mr-2" />
Team Team
</NuxtLink> </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" /> <Icon size="1.5em" name="heroicons:map" class="mr-2" />
Map Map
</NuxtLink> </NuxtLink>

8
webv2/layouts/default.vue
View File

@ -1,15 +1,15 @@
<template> <template>
<div class="flex min-h-screen w-full overflow-y-auto"> <div class="flex w-full">
<Transition> <Transition>
<BodySidebar v-if="showSidebar && user.minecraft" /> <BodySidebar v-if="showSidebar && user.minecraft" />
</Transition> </Transition>
<div class="w-full px-5 transition-all duration-300 ease-in-out" :class="{ 'xl:ms-56': showSidebar && user.minecraft }"> <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 w-full max-w-[92rem]"> <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"> <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" /> <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 }} {{ route.meta.title }}
</div> </div>
<NuxtPage class="" /> <NuxtPage class="h-full" />
</div> </div>
<BodyConnectminecraft v-else /> <BodyConnectminecraft v-else />
</div> </div>

11
webv2/pages/map.vue Normal file
View File

@ -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>