@dcrackel/hematournamentui 1.0.56 → 1.0.58

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dcrackel/hematournamentui",
   "private": false,
-  "version": "1.0.56",
+  "version": "1.0.58",
   "type": "module",
   "main": "dist/HemaTouranmentUI-lib.umd.js",
   "module": "dist/HemaTouranmentUI-lib.es.js",

package/src/stories/Molecules/Filters/FilterAndSortBar/FilterAndSortBar.vue

@@ -1,6 +1,6 @@
 <template>
   <section class="flex flex-row w-full justify-between">
-    <div class="rounded-lg shadow px-2 py-1 w-full flex flex-row mt-0.5 mr-4 border boarder-dropdownSelect">
+    <div class="rounded-lg shadow px-2 py-1 w-full flex flex-row mt-0.5 mr-4 border border-dropdownSelect">
       <i class="fa-solid fa-magnifying-glass text-primaryHighlight w-6 mt-1" />
       <BaseInput placeholder="Search on Name, Location, or Date" class="text-quaternary w-full" :addBorder=false :value="filterText" @update:value="handleFilter" />
     </div>

package/src/stories/Organisms/Cards/EventCard/EventCard.stories.js

@@ -4,16 +4,23 @@ export default {
     title: 'Organisms/Cards/EventCard',
     component: EventCard,
     tags: ['autodocs'],
-    argTypes: {
+    args: {
         event: {
             EventId: 1,
             TournamentId: 8,
-            EventName: "Longsword Generic",
+            EventName: "Longsword Event For Everyone",
             Date: "2024-05-03",
             StartTime: "12:00:16",
             NumberOfRings: 3,
-            WeaponId: 1
+            WeaponId: 1,
+            Status: "Active",
+            RuleSummary: "Pools -> DE -> 3rd Place Faceoff",
+            Present: "0",
+            Absent: "20",
+            Removed: "1",
         }
+    },
+    argTypes: {
     }
 };
 

package/src/stories/Organisms/Cards/EventCard/EventCard.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="flex items-center p-4 border border-dropdownSelect rounded-lg shadow-md w-full mb-5">
+  <div class="flex items-center p-4 border border-dropdownSelect rounded-lg shadow-md w-full mb-6">
     <div class="w-full flex flex-row justify-between">
       <section class="flex flex-row justify-start">
        <div class="flex flex-col pl-4">

package/src/stories/Organisms/ComplexInputs/DropDown/DropDownMenu.vue

@@ -1,13 +1,13 @@
 <template>
   <div class="flex flex-row">
     <span>
-      <div class="z-10 rounded-lg shadow px-2 py-2 w-40 flex flex-row justify-between border boarder-dropdownSelect" @click="handleDropDown()">
+      <div class="z-10 rounded-lg shadow px-2 py-2 w-40 flex flex-row justify-between border border-dropdownSelect" @click="handleDropDown()">
         <BaseText :text="label" color="quaternary" size="sm" weight="normal" />
         <BaseText :text="selectedItem.text" color="secondary" size="sm" weight="normal" />
         <i class="fa-solid fa-chevron-down text-xs" />
       </div>
       <div v-if="isDropDownOpen" class="flex flex-col w-32 shadow mt-2 z-10 rounded-xl py-1 absolute bg-neutral">
-        <a v-for="item in items" :key="item.id" @click="handleClick(item)" class="hover:bg-dropdownSelect py-1 px-2 border-b border-dropdownSelect last:border-0">
+        <a v-for="item in items" :key="item.id" @click="handleClick(item)" class="hover:bg-dropdownSelect py-1 px-2 border border-dropdownSelect last:border-0">
           <BaseText :text="item.text" color="primary" size="xs" weight="normal" />
         </a>
       </div>

package/src/stories/Organisms/Grids/GridContainer.vue

@@ -6,7 +6,7 @@
     <div class="my-4">
       <FilterAndSortBar :items="dropdownItems" :label="label" :selectedItem="selectedItem" @filterbar="handleFilter" @sort="handleSort"/>
     </div>
-    <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5 3xl:grid-cols-6 gap-7 w-full">
+    <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3 2xl:grid-cols-4 3xl:grid-cols-5 gap-10 w-full">
       <div v-for="item in filteredItems" :key="item.id" class="w-full">
         <component :is="component" :detail="item" @click="handleClick(item)" @listEvents="handleListEvents(item)" />
       </div>

package/src/stories/Templates/TournamentManagement/EditTournament/ListEvents/ListEvents.vue

@@ -1,4 +1,5 @@
 <template>
+  <section class="mx-4">
   <EditTournamentMenu currentTab="Events"></EditTournamentMenu>
   <div class="w-full flex flex-row justify-center">
     <section class="w-full">
@@ -23,6 +24,7 @@
       </div>
     </section>
   </div>
+  </section>
 </template>
 
 <script>