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 <[email protected]> * 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 <[email protected]> Co-authored-by: Tyler Biethman <[email protected]> Co-authored-by: Lachlan Miller <[email protected]> Co-authored-by: Zach Bloomquist <[email protected]>
cypress-io · Jun 30, 2022 · 2b3ab9a · 2b3ab9a · cypress-bot · Jun 30, 2022
1 parent 6fefe7d
commit 2b3ab9a
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git 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
@@ -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
@@ -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"