imshvc/noxious_client
1
0
Fork 0
forked from noxious/client
Code Pull Requests Activity

Major refractor, cleaning and improvements. pt.2

Browse Source
This commit is contained in:
Dennis Postma
2024-08-24 03:09:14 +02:00
parent d2123b7d97
commit b5e2474c6d
2 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/gui/Inventory.vue
View File

@ -29,7 +29,7 @@
<script setup lang="ts">
import { useGameStore } from '@/stores/game';
import { ref } from 'vue';
import InventoryItems from '@/components/utilities/inventory/partials/InventoryItems.vue';
import InventoryItems from '@/components/gui/partials/InventoryItems.vue';
const gameStore = useGameStore()
let inventory = false

17
src/components/gui/partials/InventoryItems.vue Normal file
View File

@ -0,0 +1,17 @@
<template>
<div class="grow flex flex-col w-full h-full relative overflow-auto">
<div class="m-5 relative">
<h4 class="m-auto font-medium text-lg max-w-[375px]">Inventory</h4>
<div class="flex gap-3 mt-4 mx-auto flex-wrap max-w-[375px]">
<div v-for="n in 24" class="bg-gray-300/80 border-solid border-2 border-cyan-200 w-12 h-12 rounded-md aspect-square shrink-0 justify-self-stretch hover:bg-gray-200"></div>
</div>
<div class="absolute -left-5 -bottom-5 w-[calc(100%_+_40px)] my-px h-px bg-cyan-200"></div>
</div>
<div class="m-5">
<h4 class="m-auto font-medium text-lg max-w-[375px]">Quest items</h4>
<div class="flex gap-3 mt-4 mx-auto flex-wrap max-w-[375px]">
<div v-for="n in 12" class="bg-gray-300/80 border-solid border-2 border-cyan-200 w-12 h-12 rounded-md aspect-square shrink-0 justify-self-stretch hover:bg-gray-200"></div>
</div>
</div>
</div>
</template>