@dcrackel/meyersquaredui 1.0.68 → 1.0.69

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 +178 -176
  2. package/dist/meyersquaredui.umd.js +1 -1
  3. package/package.json +2 -2
  4. package/src/stories/Organisms/GridLayout/GridLayout.vue +27 -23
  5. package/src/stories/Organisms/HeroBanners/TournamentDetails/TournamentDetailsBanner.vue +1 -1
package/src/stories/Organisms/GridLayout/GridLayout.vue CHANGED
@@ -1,31 +1,35 @@
1
1
  <template>
2
- <section :class="topClasses">
3
- <div :class="headerClasses">
4
- <BaseText color="primary" size="xl" tag="h3" weight="bold">{{ title }}</BaseText>
2
+ <section class="w-full flex justify-center mx-auto">
3
+ <section>
4
+ <div :class="topClasses" class="flex flex-col">
5
+ <div :class="headerClasses">
6
+ <BaseText color="primary" size="xl" tag="h3" weight="bold">{{ title }}</BaseText>
7
+ </div>
8
+ <div :class="gridClasses">
9
+ <component
10
+ v-for="(item, index) in items"
11
+ :is="cardComponent"
12
+ :key="index"
13
+ :data="item"
14
+ :index="index"
15
+ :isLoading="isLoading"
16
+ @grid-card-click="handleTournamentCardClick"
17
+ />
18
+ </div>
5
19
  </div>
6
- <div :class="gridClasses">
7
- <component
8
- v-for="(item, index) in items"
9
- :is="cardComponent"
10
- :key="index"
11
- :data="item"
12
- :index="index"
13
- :isLoading="isLoading"
14
- @grid-card-click="handleTournamentCardClick"
20
+ <div v-if="!whiteStyle && moreButtonLabel" class="w-full flex justify-center pb-28 pt-10 md:pt-14">
21
+ <BaseButton
22
+ backgroundColor="secondary"
23
+ border="primary"
24
+ size="xs"
25
+ color="primary"
26
+ hoverColor="secondary"
27
+ :label="moreButtonLabel"
28
+ @click="onClick"
15
29
  />
16
30
  </div>
31
+ </section>
17
32
  </section>
18
- <div v-if="!whiteStyle && moreButtonLabel" class="w-full flex justify-center pb-28 pt-10 md:pt-14">
19
- <BaseButton
20
- backgroundColor="secondary"
21
- border="primary"
22
- size="xs"
23
- color="primary"
24
- hoverColor="secondary"
25
- :label="moreButtonLabel"
26
- @click="onClick"
27
- />
28
- </div>
29
33
  </template>
30
34
 
31
35
  <script>
package/src/stories/Organisms/HeroBanners/TournamentDetails/TournamentDetailsBanner.vue CHANGED
@@ -34,7 +34,7 @@
34
34
  </section>
35
35
 
36
36
  <!-- Mobile Overlay -->
37
- <div v-if="isMobile" class="flex justify-center text-left w-full px-6 mt-10">
37
+ <div v-if="isMobile" class="flex justify-center text-left w-full px-6 mt-12">
38
38
  <div class="w-full">
39
39
  <BaseText color="secondary" tag="h1" size="lg" weight="bold" class="mb-2">{{ formattedDate }}</BaseText>
40
40
  <BaseText color="secondary" tag="h1" size="xl" weight="bold" class="mb-2">{{ title }}</BaseText>