From 62f2e1124c107b9199fd622db88ac0815cd4370c Mon Sep 17 00:00:00 2001
From: Colin Kallemein <cakallemein@gmail.com>
Date: Sat, 19 Oct 2024 21:27:04 +0200
Subject: [PATCH] #211 Fixed overflow scroll in left panel not working

---
 .../gameMaster/assetManager/AssetManager.vue       | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/gameMaster/assetManager/AssetManager.vue b/src/components/gameMaster/assetManager/AssetManager.vue
index 3d8ed22..959d543 100644
--- a/src/components/gameMaster/assetManager/AssetManager.vue
+++ b/src/components/gameMaster/assetManager/AssetManager.vue
@@ -1,17 +1,17 @@
 <template>
   <div class="flex h-full w-full relative">
-    <div class="w-2/12 flex flex-col relative">
+    <div class="w-2/12 flex flex-col relative overflow-auto">
       <!-- Asset Categories -->
       <a class="relative p-2.5 hover:cursor-pointer" :class="{ 'bg-cyan/80': selectedCategory === 'tiles' }" @click="() => (selectedCategory = 'tiles')">
-        <span>Tiles</span>
+        <span :class="{ 'text-white': selectedCategory === 'tiles' }">Tiles</span>
         <div class="absolute left-0 bottom-0 w-full h-px bg-gray-500"></div>
       </a>
       <a class="relative p-2.5 hover:cursor-pointer" :class="{ 'bg-cyan/80': selectedCategory === 'objects' }" @click="() => (selectedCategory = 'objects')">
-        <span>Objects</span>
+        <span :class="{ 'text-white': selectedCategory === 'objects' }">Objects</span>
         <div class="absolute left-0 bottom-0 w-full h-px bg-gray-500"></div>
       </a>
       <a class="relative p-2.5 hover:cursor-pointer" :class="{ 'bg-cyan/80': selectedCategory === 'sprites' }" @click="() => (selectedCategory = 'sprites')">
-        <span>Sprites</span>
+        <span :class="{ 'text-white': selectedCategory === 'sprites' }">Sprites</span>
         <div class="absolute left-0 bottom-0 w-full h-px bg-gray-500"></div>
       </a>
       <a class="relative p-2.5 hover:cursor-pointer">
@@ -23,15 +23,15 @@
         <div class="absolute left-0 bottom-0 w-full h-px bg-gray-500"></div>
       </a>
       <a class="relative p-2.5 hover:cursor-pointer" :class="{ 'bg-cyan/80': selectedCategory === 'shops' }" @click="() => (selectedCategory = 'shops')">
-        <span>Shops</span>
+        <span :class="{ 'text-white': selectedCategory === 'shops' }">Shops</span>
         <div class="absolute left-0 bottom-0 w-full h-px bg-gray-500"></div>
       </a>
       <a class="relative p-2.5 hover:cursor-pointer" :class="{ 'bg-cyan/80': selectedCategory === 'characterTypes' }" @click="() => (selectedCategory = 'characterTypes')">
-        <span>Character types</span>
+        <span :class="{ 'text-white': selectedCategory === 'characterTypes' }">Character types</span>
         <div class="absolute left-0 bottom-0 w-full h-px bg-gray-500"></div>
       </a>
       <a class="relative p-2.5 hover:cursor-pointer" :class="{ 'bg-cyan/80': selectedCategory === 'characterHair' }" @click="() => (selectedCategory = 'characterHair')">
-        <span>Character hair</span>
+        <span :class="{ 'text-white': selectedCategory === 'characterHair' }">Character hair</span>
         <div class="absolute left-0 bottom-0 w-full h-px bg-gray-500"></div>
       </a>
       <a class="relative p-2.5 hover:cursor-pointer">