@dcrackel/meyersquaredui 1.0.59 → 1.0.61
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 +463 -460
- package/dist/meyersquaredui.umd.js +2 -2
- package/package.json +1 -1
- package/src/stories/Molecules/MapBox/MapBox.vue +1 -2
- package/src/stories/Organisms/Cards/FencerListCard/FencerListCard.vue +1 -1
- package/src/stories/Organisms/GridLayout/GridLayout.vue +1 -1
- package/src/stories/Organisms/Headers/PageHeader/PageHeader.vue +4 -4
- package/src/stories/Organisms/HeroBanners/Tournaments/TournamentBanner.vue +1 -2
- package/src/stories/Templates/ClubDetailPage/ClubDetailPage.vue +2 -1
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<section v-if="!isLoading" class="flex items-center p-4 hover:cursor-pointer" @click="handleCardClicked">
|
|
2
|
+
<section v-if="!isLoading" class="flex items-center p-4 hover:cursor-pointer border-b" @click="handleCardClicked">
|
|
3
3
|
<img :src="portrait" alt="Fencer Portrait" class="w-[50px] h-[50px] md:w-[70px] md:h-[70px] rounded-full object-cover z-1 flex-shrink-0 mr-4" />
|
|
4
4
|
|
|
5
5
|
<div class="flex flex-col justify-center flex-grow">
|
|
@@ -79,7 +79,7 @@ export default {
|
|
|
79
79
|
computed: {
|
|
80
80
|
topClasses() {
|
|
81
81
|
let retClass = "max-w-[1200px] mx-auto overflow-x-auto";
|
|
82
|
-
if (this.whiteStyle) retClass = `w-full md:mr-10 mt-10`;
|
|
82
|
+
if (this.whiteStyle) retClass = `w-full md:mr-10 md:mt-10`;
|
|
83
83
|
return retClass;
|
|
84
84
|
},
|
|
85
85
|
headerClasses() {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<header class="border-b border-lineGrey w-full bg-primary m-0">
|
|
3
|
-
<section class="w-full hidden md:flex
|
|
4
|
-
<div class="w-[150px] h-[150px] bg-primary flex-shrink-0 flex items-center justify-center">
|
|
3
|
+
<section class="w-full hidden md:flex">
|
|
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" />
|
|
6
6
|
</div>
|
|
7
7
|
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
<!-- mobile header -->
|
|
31
31
|
<section class="w-full flex md:hidden fixed top-0 left-0 z-10 bg-primary">
|
|
32
32
|
<div class="m-2 flex justify-between w-full">
|
|
33
|
-
<img :src="logo" alt="Logo" class="h-6 w-9" />
|
|
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>
|
|
36
36
|
</section>
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
<ul>
|
|
39
39
|
<li v-for="item in items"
|
|
40
40
|
:key="item.label"
|
|
41
|
-
@click="handlePageChange(item)"
|
|
41
|
+
@click="handlePageChange(item.label)"
|
|
42
42
|
class="px-2 py-2 cursor-pointer hover:bg-hoverColor justify-end flex">
|
|
43
43
|
<BaseText color="primary" size="xs sm" tag="p" weight="normal" class="mt-0.5">{{ item.label }}</BaseText>
|
|
44
44
|
<Icon :icon="item.icon" type="fa-regular" size="sm" color="accent" class="ml-2" />
|
|
@@ -11,8 +11,7 @@
|
|
|
11
11
|
<BaseText color="secondary" tag="p" size="xl" weight="normal" class="mb-6" v-html="description"></BaseText>
|
|
12
12
|
</div>
|
|
13
13
|
</section>
|
|
14
|
-
|
|
15
|
-
<div v-if="isMobile" class="flex justify-center text-left w-full px-4 mt-8">
|
|
14
|
+
<div v-if="isMobile" class="flex justify-center text-left w-full px-4 mt-32">
|
|
16
15
|
<div class="w-full mb-4">
|
|
17
16
|
<BaseText color="secondary" tag="h1" size="lg" weight="bold" class="mb-0 w-1/2">{{ title }}</BaseText>
|
|
18
17
|
<BaseText color="secondary" tag="p" size="xs" weight="normal" class="w-8/12">{{ description }}</BaseText>
|
|
@@ -14,9 +14,10 @@
|
|
|
14
14
|
|
|
15
15
|
<div class="w-full mb-16">
|
|
16
16
|
<BaseText size="xl" color="primary" weight="bold" class="mb-10">Location</BaseText>
|
|
17
|
+
adsfs{{club.Address.Coordinates}}
|
|
17
18
|
<Mapbox
|
|
18
19
|
:apiKey="apiKey"
|
|
19
|
-
:
|
|
20
|
+
:coordinates="{ lat: 50.7128, lng: -94.006 }"
|
|
20
21
|
:zoom="12"
|
|
21
22
|
:isFullWidth="true"
|
|
22
23
|
/>
|