From 599f23c8aa6092a60d8f2d7b7dca7052f8e180bc Mon Sep 17 00:00:00 2001 From: Geometrically <18202329+Geometrically@users.noreply.github.com> Date: Thu, 22 Aug 2024 15:37:48 -0500 Subject: [PATCH 1/6] Optimize stripe links (#2258) --- apps/frontend/nuxt.config.ts | 7 ------- apps/frontend/src/pages/plus.vue | 10 ++++++++++ apps/frontend/src/pages/settings/billing/index.vue | 10 ++++++++++ 3 files changed, 20 insertions(+), 7 deletions(-) diff --git a/apps/frontend/nuxt.config.ts b/apps/frontend/nuxt.config.ts index 3d4a6b048..867919706 100644 --- a/apps/frontend/nuxt.config.ts +++ b/apps/frontend/nuxt.config.ts @@ -77,13 +77,6 @@ export default defineNuxtConfig({ title: "Modrinth mods", }, ], - script: [ - { - src: "https://js.stripe.com/v3/", - defer: true, - async: true, - }, - ], }, }, vite: { diff --git a/apps/frontend/src/pages/plus.vue b/apps/frontend/src/pages/plus.vue index 084269001..42fbcb652 100644 --- a/apps/frontend/src/pages/plus.vue +++ b/apps/frontend/src/pages/plus.vue @@ -108,6 +108,16 @@ useSeoMeta({ ogDescription: description, }); +useHead({ + script: [ + { + src: "https://js.stripe.com/v3/", + defer: true, + async: true, + }, + ], +}); + const vintl = useVIntl(); const data = useNuxtApp(); diff --git a/apps/frontend/src/pages/settings/billing/index.vue b/apps/frontend/src/pages/settings/billing/index.vue index 470fd0a71..5d9a0a37f 100644 --- a/apps/frontend/src/pages/settings/billing/index.vue +++ b/apps/frontend/src/pages/settings/billing/index.vue @@ -344,6 +344,16 @@ definePageMeta({ middleware: "auth", }); +useHead({ + script: [ + { + src: "https://js.stripe.com/v3/", + defer: true, + async: true, + }, + ], +}); + const data = useNuxtApp(); const config = useRuntimeConfig(); From e0990910f65de020ffa27dda23ea7ea5cdc0e8d1 Mon Sep 17 00:00:00 2001 From: Sasha Sorokin <10401817+brawaru@users.noreply.github.com> Date: Fri, 23 Aug 2024 03:17:59 +0200 Subject: [PATCH 2/6] Remove shift caused by the Exclude filter button (#2265) Previously, the Exclude button was removed from the the element tree entirely until the group is hovered. Only when the group is hovered, the button element was being switched to a proper display form. This has caused the layout shift which was very visible when quickly moving cursor over the filter options. This commit makes it so that the Exclude button is always in its proper display form (flex), however is transparent until the group is hovered. The repeated transparency classes were removed from the icon as well to prevent jarringly-looking double transition. --- apps/frontend/src/pages/search/[searchProjectType].vue | 7 ++----- 1 file changed, 2 insertions(+), 5 deletions(-) diff --git a/apps/frontend/src/pages/search/[searchProjectType].vue b/apps/frontend/src/pages/search/[searchProjectType].vue index 8b22844f6..d5223ddab 100644 --- a/apps/frontend/src/pages/search/[searchProjectType].vue +++ b/apps/frontend/src/pages/search/[searchProjectType].vue @@ -106,13 +106,10 @@ !negativeFilterSelected(category) " v-tooltip="negativeFilterSelected(category) ? 'Include' : 'Exclude'" - class="hidden items-center justify-center gap-2 rounded-xl bg-transparent px-2 py-1 text-sm font-semibold text-secondary transition-all hover:bg-button-bg hover:text-red active:scale-[0.96] group-hover:flex" + class="flex items-center justify-center gap-2 rounded-xl bg-transparent px-2 py-1 text-sm font-semibold text-secondary opacity-0 transition-all hover:bg-button-bg hover:text-red active:scale-[0.96] group-hover:opacity-100" @click="toggleNegativeFilter(category)" > -