diff --git a/app.vue b/app.vue index b34046f..5b6668f 100644 --- a/app.vue +++ b/app.vue @@ -2,6 +2,7 @@ + diff --git a/nuxt.config.ts b/nuxt.config.ts index 72e0fb5..1102505 100644 --- a/nuxt.config.ts +++ b/nuxt.config.ts @@ -32,6 +32,8 @@ export default defineNuxtConfig({ }, }, + extends: [["github:drop-oss/drop-base"]], + // Module config from here down modules: ["@nuxt/content", "vue3-carousel-nuxt"], @@ -54,4 +56,4 @@ export default defineNuxtConfig({ }, }, }, -}); \ No newline at end of file +}); diff --git a/package.json b/package.json index 110aba2..03d1cad 100644 --- a/package.json +++ b/package.json @@ -15,6 +15,7 @@ "@headlessui/vue": "^1.7.23", "@heroicons/vue": "^2.1.5", "@nuxt/content": "^2.13.4", + "@nuxtjs/tailwindcss": "^6.12.2", "@prisma/client": "^6.1.0", "axios": "^1.7.7", "bcryptjs": "^2.4.3", diff --git a/pages/admin/library/[id]/index.vue b/pages/admin/library/[id]/index.vue index 7644bdb..fcddb5e 100644 --- a/pages/admin/library/[id]/index.vue +++ b/pages/admin/library/[id]/index.vue @@ -1,209 +1,465 @@ - - - - {{ game.mName }} - - - {{ game.mShortDescription }} - + + + + {{ game.mName }} + + + {{ game.mShortDescription }} + - + + + + + + + Image Carousel + + + Customise what images and what order are shown on the store + page. + + + (showAddCarouselModal = true)" + type="button" + class="relative inline-flex items-center rounded-md bg-blue-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-blue-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600" + > + Add from image library + + + + + + No images added to the carousel yet. - - - - - - Images - - - (showUploadModal = true)" type="button" - class="relative inline-flex items-center rounded-md bg-blue-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-blue-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600"> - Upload - - - - - - - - - updateBannerImage(image)" - type="button" - class="inline-flex items-center gap-x-1.5 rounded-md bg-blue-600 px-1.5 py-0.5 text-sm font-semibold text-white shadow-sm hover:bg-blue-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600"> - Set as banner - - updateCoverImage(image)" type="button" - class="inline-flex items-center gap-x-1.5 rounded-md bg-blue-600 px-1.5 py-0.5 text-sm font-semibold text-white shadow-sm hover:bg-blue-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600"> - Set as cover - - deleteImage(image)" type="button" - class="inline-flex items-center gap-x-1.5 rounded-md bg-red-600 px-1.5 py-0.5 text-sm font-semibold text-white shadow-sm hover:bg-red-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-red-600"> - Delete image - - - - current {{ [image === game.mBannerId ? 'banner' : undefined, image === game.mCoverId ? - 'cover' : undefined].filter((e) => e).join(" & ") }} - - - - - - - - - Version priority - - - - lowest - updateVersionOrder()" :list="game.versions" handle=".handle" - class="mt-2 space-y-4"> - - - - {{ item.versionName }} - - - {{ item.delta ? "Upgrade mode" : "" }} - - - - deleteVersion(item.versionName)"> - - - - - - - - no versions added - - highest - - - - - - - - - Drop has detected you have new verions of this game to import. - - - - Import - → - - - - - - + updateImageCarousel()" + :list="game.mImageCarousel" + class="w-full flex flex-row gap-x-4 overflow-x-auto my-2 py-4" + > + + + + + + + - uploadAfterImageUpload(result)" /> + + + + + + {{ + unimportedVersions.length > 0 + ? "Import version" + : "No versions to import" + }} + + + + Open in Store + + + + + + + + + + + Image library + + + Please note all images uploaded are accessible to all users + through browser dev-tools. + + + + (showUploadModal = true)" + type="button" + class="relative inline-flex items-center rounded-md bg-blue-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-blue-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600" + > + Upload + + + + + + + + + updateBannerImage(image)" + type="button" + class="inline-flex items-center gap-x-1.5 rounded-md bg-blue-600 px-1.5 py-0.5 text-sm font-semibold text-white shadow-sm hover:bg-blue-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600" + > + Set as banner + + updateCoverImage(image)" + type="button" + class="inline-flex items-center gap-x-1.5 rounded-md bg-blue-600 px-1.5 py-0.5 text-sm font-semibold text-white shadow-sm hover:bg-blue-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600" + > + Set as cover + + deleteImage(image)" + type="button" + class="inline-flex items-center gap-x-1.5 rounded-md bg-red-600 px-1.5 py-0.5 text-sm font-semibold text-white shadow-sm hover:bg-red-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-red-600" + > + Delete image + + + + current + {{ + [ + image === game.mBannerId ? "banner" : undefined, + image === game.mCoverId ? "cover" : undefined, + ] + .filter((e) => e) + .join(" & ") + }} + + + + + + + + + + Version priority + + + + + lowest + updateVersionOrder()" + :list="game.versions" + handle=".handle" + class="mt-2 space-y-4" + > + + + + {{ item.versionName }} + + + {{ item.delta ? "Upgrade mode" : "" }} + + + + deleteVersion(item.versionName)"> + + + + + + + + no versions added + + highest + + + + uploadAfterImageUpload(result)" + /> + + + + + + + addImageToCarousel(image)" + type="button" + class="inline-flex items-center gap-x-1.5 rounded-md bg-blue-600 px-1.5 py-0.5 text-sm font-semibold text-white shadow-sm hover:bg-blue-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600" + > + Add + + + + + + + + Cancel + + + diff --git a/pages/signin.vue b/pages/signin.vue index be72b0c..f7bdd56 100644 --- a/pages/signin.vue +++ b/pages/signin.vue @@ -121,7 +121,6 @@
- {{ game.mShortDescription }} -
+ {{ game.mShortDescription }} +
+ Customise what images and what order are shown on the store + page. +
- Drop has detected you have new verions of this game to import. -
- - Import - → - -
+ Please note all images uploaded are accessible to all users + through browser dev-tools. +