@dcrackel/meyersquaredui 1.0.67 → 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.
- package/dist/meyersquaredui.es.js +179 -177
- package/dist/meyersquaredui.umd.js +1 -1
- package/package.json +2 -2
- package/src/stories/Organisms/GridLayout/GridLayout.vue +27 -23
- package/src/stories/Organisms/Headers/PageHeader/PageHeader.vue +1 -1
- package/src/stories/Organisms/HeroBanners/TournamentDetails/TournamentDetailsBanner.vue +1 -1
- package/src/stories/Organisms/SectionBanners/SingleButtonBanner/SingleButtonBanner.vue +1 -1
|
@@ -1,31 +1,35 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<section
|
|
3
|
-
<
|
|
4
|
-
|
|
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
|
|
7
|
-
<
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
:
|
|
14
|
-
@
|
|
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>
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
|
|
30
30
|
<!-- mobile header -->
|
|
31
31
|
<section class="w-full flex md:hidden fixed top-0 left-0 z-10 bg-primary">
|
|
32
|
-
<div class="
|
|
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)" />
|
|
35
35
|
</div>
|
|
@@ -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-
|
|
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>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<section class="relative h-80 max-w-[1200px] mx-auto rounded-lg overflow-hidden mb-10 bg-primary">
|
|
2
|
+
<section class="relative h-80 max-w-[1200px] mx-4 md:mx-auto rounded-lg overflow-hidden mb-10 bg-primary">
|
|
3
3
|
<!-- Background Image for Non-Mobile -->
|
|
4
4
|
<div class="hidden md:block bg-cover bg-top h-full w-full" :style="{ backgroundImage: 'url(' + imageUrl + ')' }" ></div>
|
|
5
5
|
|