From 2b3ab9ac71c07420ad764aa68a443eb5e702b445 Mon Sep 17 00:00:00 2001
From: Vinicius Pietscher <vini.914@gmail.com>
Date: Wed, 29 Jun 2022 21:58:49 -0400
Subject: [PATCH] fix: add padding to bottom of global mode list (#22112)

* fix: add padding

* fix: add padding (#21724)

* Update packages/launchpad/src/global/GlobalPage.cy.tsx

Co-authored-by: Mark Noonan <mark@cypress.io>

* no longer necessary for this fix

* no longer necessary padding will be added to Main.vue

* add bottom padding

* add percy test

* move percy snapshot out of helper function

Co-authored-by: Mark Noonan <mark@cypress.io>
Co-authored-by: Tyler Biethman <tbiethman@users.noreply.github.com>
Co-authored-by: Lachlan Miller <lachlan.miller.1990@outlook.com>
Co-authored-by: Zach Bloomquist <git@chary.us>
---
 packages/launchpad/cypress/e2e/global-mode.cy.ts | 2 ++
 packages/launchpad/src/Main.vue                  | 2 +-
 packages/launchpad/src/global/GlobalPage.vue     | 4 +++-
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/launchpad/cypress/e2e/global-mode.cy.ts b/packages/launchpad/cypress/e2e/global-mode.cy.ts
index 1d13b3ebd319..83549e8affab 100644
--- a/packages/launchpad/cypress/e2e/global-mode.cy.ts
+++ b/packages/launchpad/cypress/e2e/global-mode.cy.ts
@@ -97,6 +97,8 @@ describe('Launchpad: Global Mode', () => {
       const projectList = ['todos', 'ids', 'cookies', 'plugin-empty']
 
       setupAndValidateProjectsList(projectList)
+
+      cy.percySnapshot()
     })
 
     it('takes user to the next step when clicking on a project card', () => {
diff --git a/packages/launchpad/src/Main.vue b/packages/launchpad/src/Main.vue
index 364871230376..78db559fd6c4 100644
--- a/packages/launchpad/src/Main.vue
+++ b/packages/launchpad/src/Main.vue
@@ -12,7 +12,7 @@
     />
     <div
       v-else
-      class="px-24px pt-86px"
+      class="px-24px pt-86px pb-24px"
     >
       <BaseError
         v-if="query.data.value.baseError"
diff --git a/packages/launchpad/src/global/GlobalPage.vue b/packages/launchpad/src/global/GlobalPage.vue
index b6b853d8ebf2..c3f6abb393b2 100644
--- a/packages/launchpad/src/global/GlobalPage.vue
+++ b/packages/launchpad/src/global/GlobalPage.vue
@@ -12,7 +12,9 @@
     >
       {{ t('globalPage.recentProjectsHeader') }}
     </h2>
-    <div :class="{ 'md:grid md:grid-cols-2 md:gap-24px mb-0': filteredProjects?.length > 1 }">
+    <div
+      :class="{ 'md:grid md:grid-cols-2 md:gap-24px mb-0': filteredProjects?.length > 1 }"
+    >
       <GlobalProjectCard
         v-for="project in filteredProjects"
         :key="project.id"