@dcrackel/meyersquaredui 1.0.91 → 1.0.93

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/meyersquaredui.es.js +192 -190
  2. package/dist/meyersquaredui.umd.js +1 -1
  3. package/package.json +1 -1
  4. package/src/stories/Organisms/Cards/TournamentCard/TournamentCard.vue +13 -11
  5. package/src/stories/Organisms/Headers/PageHeader/PageHeader.vue +2 -2
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@dcrackel/meyersquaredui",
3
3
  "private": false,
4
- "version": "1.0.91",
4
+ "version": "1.0.93",
5
5
  "type": "module",
6
6
  "main": "dist/meyersquaredui.cjs.js",
7
7
  "module": "dist/meyersquaredui.esm.js",
package/src/stories/Organisms/Cards/TournamentCard/TournamentCard.vue CHANGED
@@ -5,17 +5,19 @@
5
5
  <div v-if="!isLoading" class="w-full md:w-full md:mb-8 border border-secondary hover:border-accent hover:cursor-pointer p-2 rounded-lg overflow-hidden" @click="onCardClick">
6
6
  <!-- Desktop Version -->
7
7
  <section class="hidden md:block">
8
- <img
9
- :src="image"
10
- alt="Tournament Image"
11
- class="w-full h-52 object-cover mb-2 rounded-md"
12
- @error="imageError"
13
- :style="fallbackStyle"
14
- />
15
- <img v-if="data.HostedOnM2"
16
- src="https://meyersquaredimages.com/images/banners/m2-white.png"
17
- alt="Bookmark Icon"
18
- class="w-8 absolute top-4 right-4 m-2 p-1 bg-white rounded" />
8
+ <div class="relative w-full h-52">
9
+ <img
10
+ :src="image"
11
+ alt="Tournament Image"
12
+ class="w-full h-full object-cover mb-2 rounded-md"
13
+ @error="imageError"
14
+ :style="fallbackStyle"
15
+ />
16
+ <img v-if="data.HostedOnM2"
17
+ src="https://meyersquaredimages.com/images/banners/m2-white.png"
18
+ alt="Bookmark Icon"
19
+ class="w-8 absolute top-2 right-2 p-1 bg-white rounded" />
20
+ </div>
19
21
  <BaseText tag="h3" size="xl" weight="semibold" class="mb-1">{{ title }}</BaseText>
20
22
  <BaseText tag="p" size="sm" weight="semibold" class="mb-2">{{ location }}</BaseText>
21
23
  <div class="flex items-center mb-1">
package/src/stories/Organisms/Headers/PageHeader/PageHeader.vue CHANGED
@@ -1,5 +1,5 @@
1
1
  <template>
2
- <header class="border-b border-lineGrey w-full bg-primary m-0">
2
+ <header class="border-b border-lineGrey w-full bg-primary m-0 z-10">
3
3
  <section class="w-full hidden md:flex">
4
4
  <div class="w-[150px] h-[150px] bg-primary flex-shrink-0 flex items-center justify-center" @click="handlePageChange('Home')">
5
5
  <img :src="logo" alt="Logo" class="h-14 w-18 bg-accent" />
@@ -28,7 +28,7 @@
28
28
  </section>
29
29
 
30
30
  <!-- mobile header -->
31
- <section class="w-full flex md:hidden fixed top-0 left-0 z-10 bg-primary">
31
+ <section class="w-full flex md:hidden sticky top-0 z-10 bg-primary">
32
32
  <div class="py-2 pl-2 pr-4 flex justify-between w-full">
33
33
  <img :src="logo" alt="Logo" class="h-6 w-9" @click="handlePageChange('Home')" />
34
34
  <Icon icon="fa-bars" color="secondary" size="xl" @click="openMenu($event)" />