[PR #5220] [MERGED] fix: (import-export) add spacing above exporter buttons #5112

New issue

Closed

opened 2026-03-17 02:35:27 +03:00 by kerem · 0 comments

kerem commented

2026-03-17 02:35:27 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/5220
Author: @tomwangcn
Created: 7/3/2025
Status: ✅ Merged
Merged: 8/8/2025
Merged by: @nivedin

Base: patch ← Head: main

📝 Commits (2)

279231f fix(import-export): add spacing above exporter buttons
9a56721 chore: remove margin and add flex space

📊 Changes

1 file changed (+6 additions, -1 deletions)

View changed files

📝 packages/hoppscotch-common/src/components/importExport/ImportExportList.vue (+6 -1)

📄 Description

This PR improves the visual spacing of the exporter buttons in the import/export modal.
• Added margin-top to the exporter button list in ImportExportList.vue to provide clearer separation from the importers section.
• No functional changes, UI only.
• Aligns with Hoppscotch design consistency for modal layouts.

Before
Screenshot 2025-07-03 at 23 12 58
After

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/hoppscotch/hoppscotch/pull/5220 **Author:** [@tomwangcn](https://github.com/tomwangcn) **Created:** 7/3/2025 **Status:** ✅ Merged **Merged:** 8/8/2025 **Merged by:** [@nivedin](https://github.com/nivedin) **Base:** `patch` ← **Head:** `main` --- ### 📝 Commits (2) - [`279231f`](https://github.com/hoppscotch/hoppscotch/commit/279231f1876d944698eb3b2214851696361b725e) fix(import-export): add spacing above exporter buttons - [`9a56721`](https://github.com/hoppscotch/hoppscotch/commit/9a567215857b76911dc40b81a996c437be1f275a) chore: remove margin and add flex space ### 📊 Changes **1 file changed** (+6 additions, -1 deletions) <details> <summary>View changed files</summary> 📝 `packages/hoppscotch-common/src/components/importExport/ImportExportList.vue` (+6 -1) </details> ### 📄 Description This PR improves the visual spacing of the exporter buttons in the import/export modal. • Added margin-top to the exporter button list in ImportExportList.vue to provide clearer separation from the importers section. • No functional changes, UI only. • Aligns with Hoppscotch design consistency for modal layouts. **Before** <img width="523" alt="Screenshot 2025-07-03 at 23 12 58" src="https://github.com/user-attachments/assets/ebe4c003-157c-43d7-a920-0ab94c4e152f" /> **After** ![image](https://github.com/user-attachments/assets/53e85ec0-5c1b-41d7-8bb6-e545a9ba0322) --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>