@designcrowd/fe-shared-lib 1.0.9-ast-card-4 → 1.0.9-ast-card-5

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 (8) hide show
  1. package/package.json +1 -1
  2. package/public/css/tailwind-brandCrowd.css +3 -0
  3. package/public/css/tailwind-brandPage.css +3 -0
  4. package/public/css/tailwind-crazyDomains.css +3 -0
  5. package/public/css/tailwind-designCom.css +3 -0
  6. package/public/css/tailwind-designCrowd.css +3 -0
  7. package/src/atoms/components/Card/Card.vue +5 -6
  8. package/src/experiences/components/PublishBrandPageModal/PublishBrandPageModal.vue +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@designcrowd/fe-shared-lib",
3
- "version": "1.0.9-ast-card-4",
3
+ "version": "1.0.9-ast-card-5",
4
4
  "scripts": {
5
5
  "start": "npm run storybook",
6
6
  "build": "npm run build:css --production",
package/public/css/tailwind-brandCrowd.css CHANGED
@@ -2308,6 +2308,9 @@ video {
2308
2308
  .theme-brandCrowd .md\:tw-text-left {
2309
2309
  text-align: left;
2310
2310
  }
2311
+ .theme-brandCrowd .md\:tw-text-center {
2312
+ text-align: center;
2313
+ }
2311
2314
  .theme-brandCrowd .md\:tw-text-sm {
2312
2315
  font-size: 0.875rem;
2313
2316
  line-height: 1.25rem;
package/public/css/tailwind-brandPage.css CHANGED
@@ -1996,6 +1996,9 @@ video {
1996
1996
  .theme-brandPage .md\:tw-text-left {
1997
1997
  text-align: left;
1998
1998
  }
1999
+ .theme-brandPage .md\:tw-text-center {
2000
+ text-align: center;
2001
+ }
1999
2002
  .theme-brandPage .md\:tw-text-sm {
2000
2003
  font-size: 0.875rem;
2001
2004
  line-height: 1.25rem;
package/public/css/tailwind-crazyDomains.css CHANGED
@@ -2308,6 +2308,9 @@ video {
2308
2308
  .theme-crazyDomains .md\:tw-text-left {
2309
2309
  text-align: left;
2310
2310
  }
2311
+ .theme-crazyDomains .md\:tw-text-center {
2312
+ text-align: center;
2313
+ }
2311
2314
  .theme-crazyDomains .md\:tw-text-sm {
2312
2315
  font-size: 0.875rem;
2313
2316
  line-height: 1.25rem;
package/public/css/tailwind-designCom.css CHANGED
@@ -2308,6 +2308,9 @@ video {
2308
2308
  .theme-designCom .md\:tw-text-left {
2309
2309
  text-align: left;
2310
2310
  }
2311
+ .theme-designCom .md\:tw-text-center {
2312
+ text-align: center;
2313
+ }
2311
2314
  .theme-designCom .md\:tw-text-sm {
2312
2315
  font-size: 0.875rem;
2313
2316
  line-height: 1.25rem;
package/public/css/tailwind-designCrowd.css CHANGED
@@ -2308,6 +2308,9 @@ video {
2308
2308
  .theme-designCrowd .md\:tw-text-left {
2309
2309
  text-align: left;
2310
2310
  }
2311
+ .theme-designCrowd .md\:tw-text-center {
2312
+ text-align: center;
2313
+ }
2311
2314
  .theme-designCrowd .md\:tw-text-sm {
2312
2315
  font-size: 0.875rem;
2313
2316
  line-height: 1.25rem;
package/src/atoms/components/Card/Card.vue CHANGED
@@ -6,12 +6,11 @@
6
6
  </div>
7
7
  <div class="tw-flex tw-flex-col tw-px-2 tw-w-full">
8
8
  <div class="tw-flex tw-flex-col md:tw-flex-row tw-text-center md:tw-text-left tw-items-center">
9
- <div class="tw-flex tw-flex-col tw-w-full md:tw-grow tw-text-left md:tw-text-center">
10
- <div class="tw-flex tw-flex-col md:tw-flex-row tw-gap-2">
9
+ <div class="tw-flex tw-flex-col tw-w-full md:tw-grow tw-text-left">
10
+ <div class="tw-flex tw-flex-col md:tw-flex-row">
11
11
  <p class="tw-font-bold tw-text-sm" :class="{ 'tw-text-grayscale-800': isDesignCom }">
12
12
  {{ title }}
13
13
  </p>
14
-
15
14
  <span
16
15
  v-if="showLabel"
17
16
  class="md:tw-ml-2 tw-text-xs tw-h-4 tw-w-fit tw-text-primary-500 tw-border tw-border-solid tw-border-primary-500 tw-rounded-full tw-px-2 tw-font-sans tw-uppercase"
@@ -21,7 +20,7 @@
21
20
  <p class="tw-text-grayscale-600 tw-text-sm">
22
21
  {{ description }}
23
22
  </p>
24
- <div class="desktop-cta">
23
+ <div class="desktop-cta tw-mt-2">
25
24
  <slot name="slug" />
26
25
  </div>
27
26
  </div>
@@ -39,11 +38,11 @@
39
38
  </div>
40
39
  </div>
41
40
  </div>
42
- <div class="tw-mt-2 tw-px-2">
41
+ <div class="tw-mt-2 tw-px-2 tw-flex tw-flex-col tw-w-full">
43
42
  <div class="mobile-cta">
44
43
  <slot name="slug" />
45
44
  </div>
46
- <div v-if="hasSearchButton" class="tw-w-full md:tw-w-auto md:tw-justify-end md:tw-pl-4 mobile-cta">
45
+ <div v-if="hasSearchButton" class="tw-w-full md:tw-w-auto md:tw-justify-end md:tw-pl-4 mobile-cta tw-mt-2">
47
46
  <button
48
47
  class="tw-font-sans tw-font-bold tw-transition-colors tw-duration-300 tw-text-sm tw-py-2 tw-px-4 tw-w-full tw-rounded tw-cursor-pointer tw-w-full md:tw-w-24 tw-text-white tw-bg-primary-500"
49
48
  @click="onClick"
package/src/experiences/components/PublishBrandPageModal/PublishBrandPageModal.vue CHANGED
@@ -57,7 +57,7 @@
57
57
  :has-search-button="false"
58
58
  >
59
59
  <template #slug>
60
- <div class="tw-flex tw-flex-row tw-justify-between">
60
+ <div class="tw-flex tw-flex-col md:tw-flex-row tw-justify-between">
61
61
  <div>
62
62
  <TextInput
63
63
  v-model="internalSlug"
@@ -78,7 +78,7 @@
78
78
  </div>
79
79
  </div>
80
80
  <button
81
- class="tw-ml-2 tw-font-sans tw-font-bold tw-transition-colors tw-duration-300 tw-text-sm tw-py-2 tw-px-4 tw-w-full tw-rounded tw-cursor-pointer tw-w-full md:tw-w-24 tw-text-white tw-bg-primary-500"
81
+ class="md:tw-ml-2 tw-mt-2 md:tw-mt-0 tw-font-sans tw-font-bold tw-transition-colors tw-duration-300 tw-text-sm tw-py-2 tw-px-4 tw-w-full tw-rounded tw-cursor-pointer tw-w-full md:tw-w-24 tw-text-white tw-bg-primary-500"
82
82
  @click="onPublish"
83
83
  data-test-brand-page-publish-button
84
84
  :class="{