From 7bac2c251d0944a8d760423ebd3201ad2f420e88 Mon Sep 17 00:00:00 2001 From: jiyuujin Date: Mon, 22 Jul 2024 08:44:55 +0900 Subject: [PATCH 1/2] update EventPageSection --- apps/web/app/components/EventPageSection.vue | 110 +++++++++++++++++- apps/web/app/components/event/EventAsset.vue | 17 +-- apps/web/app/components/event/EventCard.vue | 18 ++- .../components/event/EventMultipleAssets.vue | 2 + apps/web/app/components/event/PanelerList.vue | 2 +- .../app/public/event/creative-wall-old.png | Bin 0 -> 117699 bytes apps/web/app/public/event/creative-wall.png | Bin 117699 -> 138355 bytes .../event/free-drinks-and-snacks-old.png | Bin 0 -> 116091 bytes .../public/event/free-drinks-and-snacks.png | Bin 116091 -> 194297 bytes .../web/app/public/event/tattoo-booth-old.png | Bin 0 -> 122186 bytes apps/web/app/public/event/tattoo-booth.png | Bin 122186 -> 162275 bytes packages/ui/components/event/EventFrame.vue | 64 +++++++++- 12 files changed, 192 insertions(+), 21 deletions(-) create mode 100644 apps/web/app/public/event/creative-wall-old.png create mode 100644 apps/web/app/public/event/free-drinks-and-snacks-old.png create mode 100644 apps/web/app/public/event/tattoo-booth-old.png diff --git a/apps/web/app/components/EventPageSection.vue b/apps/web/app/components/EventPageSection.vue index 5e32bed3..9ceb010c 100644 --- a/apps/web/app/components/EventPageSection.vue +++ b/apps/web/app/components/EventPageSection.vue @@ -1,3 +1,111 @@ + + + + diff --git a/apps/web/app/components/event/EventAsset.vue b/apps/web/app/components/event/EventAsset.vue index 75f1260c..61fa274b 100644 --- a/apps/web/app/components/event/EventAsset.vue +++ b/apps/web/app/components/event/EventAsset.vue @@ -3,27 +3,22 @@ import type { Event } from '@vuejs-jp/model' interface EventAssetProps { title: Extract + marginTop?: number } const props = defineProps() diff --git a/apps/web/app/components/event/EventCard.vue b/apps/web/app/components/event/EventCard.vue index 120e692f..73003759 100644 --- a/apps/web/app/components/event/EventCard.vue +++ b/apps/web/app/components/event/EventCard.vue @@ -3,25 +3,31 @@ import type { Event } from '@vuejs-jp/model' interface EventCardProps { title: Event + fontClass?: string + paddingClass?: string } const props = defineProps() diff --git a/apps/web/app/components/event/EventMultipleAssets.vue b/apps/web/app/components/event/EventMultipleAssets.vue index f0f7145d..44376c26 100644 --- a/apps/web/app/components/event/EventMultipleAssets.vue +++ b/apps/web/app/components/event/EventMultipleAssets.vue @@ -23,6 +23,7 @@ const props = withDefaults(defineProps(), { .eventcard-images { display: flex; gap: calc(var(--unit) * 1.5); + padding: 0 calc(var(--unit) * 2); @media (--mobile) { flex-direction: column; @@ -32,6 +33,7 @@ const props = withDefaults(defineProps(), { .eventcard-images ::v-deep(img) { --head-img-height: 192px; + padding: 0; height: var(--head-img-height); } diff --git a/apps/web/app/components/event/PanelerList.vue b/apps/web/app/components/event/PanelerList.vue index eea97a8c..fda64e00 100644 --- a/apps/web/app/components/event/PanelerList.vue +++ b/apps/web/app/components/event/PanelerList.vue @@ -12,7 +12,6 @@ const currentLocale = useLocaleCurrent().locale