[PR #3452] [MERGED] feat: improve import-export UI #4387

New issue

Closed

opened 2026-03-17 01:55:44 +03:00 by kerem · 0 comments

kerem commented

2026-03-17 01:55:44 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/3452
Author: @liyasthomas
Created: 10/13/2023
Status: ✅ Merged
Merged: 10/13/2023
Merged by: @AndrewBastin

Base: release/2023.8.2 ← Head: chore/improve-import-export-ui

📝 Commits (4)

2dda20d chore: uniform styles across components
2bc4b17 chore: removed absolute wrapper divs
dc89054 feat: add import button when graphql collections are empty
bbaa4dd chore: add icon for button

📊 Changes

5 files changed (+77 additions, -77 deletions)

View changed files

📝 packages/hoppscotch-common/src/components/collections/MyCollections.vue (+8 -9)
📝 packages/hoppscotch-common/src/components/collections/TeamCollections.vue (+31 -40)
📝 packages/hoppscotch-common/src/components/collections/graphql/index.vue (+24 -9)
📝 packages/hoppscotch-common/src/components/environments/my/index.vue (+8 -9)
📝 packages/hoppscotch-common/src/components/environments/teams/index.vue (+6 -10)

📄 Description

`🤖 Generated by Copilot at 2dda20d`

This pull request improves the user interface of the collections and environments components in the hoppscotch-common package. It also makes the UI more consistent and intuitive across different components.

Before	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/3452 **Author:** [@liyasthomas](https://github.com/liyasthomas) **Created:** 10/13/2023 **Status:** ✅ Merged **Merged:** 10/13/2023 **Merged by:** [@AndrewBastin](https://github.com/AndrewBastin) **Base:** `release/2023.8.2` ← **Head:** `chore/improve-import-export-ui` --- ### 📝 Commits (4) - [`2dda20d`](https://github.com/hoppscotch/hoppscotch/commit/2dda20dadd086af0959bdf0c7f01fab63a83aea5) chore: uniform styles across components - [`2bc4b17`](https://github.com/hoppscotch/hoppscotch/commit/2bc4b17c7b150f68e0bf6940cb71b5e12894e3f7) chore: removed absolute wrapper divs - [`dc89054`](https://github.com/hoppscotch/hoppscotch/commit/dc890548b9df388223263e813b8c8a05fb6c98f2) feat: add import button when graphql collections are empty - [`bbaa4dd`](https://github.com/hoppscotch/hoppscotch/commit/bbaa4dd6b9109dfbacae29b379d61fed1a7b0d70) chore: add icon for button ### 📊 Changes **5 files changed** (+77 additions, -77 deletions) <details> <summary>View changed files</summary> 📝 `packages/hoppscotch-common/src/components/collections/MyCollections.vue` (+8 -9) 📝 `packages/hoppscotch-common/src/components/collections/TeamCollections.vue` (+31 -40) 📝 `packages/hoppscotch-common/src/components/collections/graphql/index.vue` (+24 -9) 📝 `packages/hoppscotch-common/src/components/environments/my/index.vue` (+8 -9) 📝 `packages/hoppscotch-common/src/components/environments/teams/index.vue` (+6 -10) </details> ### 📄 Description  ### <samp>🤖 Generated by Copilot at 2dda20d</samp> This pull request improves the user interface of the collections and environments components in the `hoppscotch-common` package. It also makes the UI more consistent and intuitive across different components. | Before | After | |---|---| | <img width="448" alt="Screenshot 2023-10-13 at 11 30 26 AM" src="https://github.com/hoppscotch/hoppscotch/assets/10395817/f81c5398-f0ac-468c-8e1f-7536fc784353"> | <img width="448" alt="Screenshot 2023-10-13 at 11 27 35 AM" src="https://github.com/hoppscotch/hoppscotch/assets/10395817/310e64dd-e946-4fe5-9ee7-91c0c66e9b4a"> | --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>