[PR #3638] [MERGED] chore: improve placeholder component styles #4465

New issue

Closed

opened 2026-03-17 01:59:51 +03:00 by kerem · 0 comments

kerem commented

2026-03-17 01:59:51 +03:00

Owner

📋 Pull Request Information

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

Base: release/2023.12.0 ← Head: improve/placeholder

📝 Commits (4)

c0c0c37 chore: improve placeholder component styles
85285a5 fix: search input height
40b9508 chore: use template wrapper for slot
019c2ce refactor: remove unnecessary check for slot contents

📊 Changes

42 files changed (+479 additions, -413 deletions)

View changed files

📝 packages/hoppscotch-common/src/components/app/Shortcuts.vue (+3 -2)
📝 packages/hoppscotch-common/src/components/app/spotlight/index.vue (+8 -6)
📝 packages/hoppscotch-common/src/components/collections/MyCollections.vue (+37 -33)
📝 packages/hoppscotch-common/src/components/collections/TeamCollections.vue (+44 -38)
📝 packages/hoppscotch-common/src/components/collections/graphql/Collection.vue (+12 -10)
📝 packages/hoppscotch-common/src/components/collections/graphql/Folder.vue (+1 -2)
📝 packages/hoppscotch-common/src/components/collections/graphql/index.vue (+24 -22)
📝 packages/hoppscotch-common/src/components/collections/index.vue (+1 -1)
📝 packages/hoppscotch-common/src/components/cookies/AllModal.vue (+4 -3)
📝 packages/hoppscotch-common/src/components/environments/Selector.vue (+10 -26)
📝 packages/hoppscotch-common/src/components/environments/my/Details.vue (+7 -5)
📝 packages/hoppscotch-common/src/components/environments/my/index.vue (+22 -20)
📝 packages/hoppscotch-common/src/components/environments/teams/Details.vue (+14 -12)
📝 packages/hoppscotch-common/src/components/environments/teams/index.vue (+26 -24)
📝 packages/hoppscotch-common/src/components/graphql/Authorization.vue (+10 -8)
📝 packages/hoppscotch-common/src/components/graphql/Headers.vue (+8 -6)
📝 packages/hoppscotch-common/src/components/graphql/Sidebar.vue (+2 -3)
📝 packages/hoppscotch-common/src/components/history/index.vue (+15 -14)
📝 packages/hoppscotch-common/src/components/http/Authorization.vue (+10 -8)
📝 packages/hoppscotch-common/src/components/http/Body.vue (+10 -8)

...and 22 more files

📄 Description

Improved placeholder component to use slots.
Consistent margin across all placeholder components.

_{🔄 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/3638 **Author:** [@liyasthomas](https://github.com/liyasthomas) **Created:** 12/10/2023 **Status:** ✅ Merged **Merged:** 12/12/2023 **Merged by:** [@AndrewBastin](https://github.com/AndrewBastin) **Base:** `release/2023.12.0` ← **Head:** `improve/placeholder` --- ### 📝 Commits (4) - [`c0c0c37`](https://github.com/hoppscotch/hoppscotch/commit/c0c0c37a67f041463ef16845abfea8a8b9ea5b1c) chore: improve placeholder component styles - [`85285a5`](https://github.com/hoppscotch/hoppscotch/commit/85285a52044d9e079f0823dfee6d5c7ffbf7e945) fix: search input height - [`40b9508`](https://github.com/hoppscotch/hoppscotch/commit/40b950836182e2712df7a9587974ad3fdb64ab87) chore: use template wrapper for slot - [`019c2ce`](https://github.com/hoppscotch/hoppscotch/commit/019c2cec461a73697115bf2078aa282c828d9cbc) refactor: remove unnecessary check for slot contents ### 📊 Changes **42 files changed** (+479 additions, -413 deletions) <details> <summary>View changed files</summary> 📝 `packages/hoppscotch-common/src/components/app/Shortcuts.vue` (+3 -2) 📝 `packages/hoppscotch-common/src/components/app/spotlight/index.vue` (+8 -6) 📝 `packages/hoppscotch-common/src/components/collections/MyCollections.vue` (+37 -33) 📝 `packages/hoppscotch-common/src/components/collections/TeamCollections.vue` (+44 -38) 📝 `packages/hoppscotch-common/src/components/collections/graphql/Collection.vue` (+12 -10) 📝 `packages/hoppscotch-common/src/components/collections/graphql/Folder.vue` (+1 -2) 📝 `packages/hoppscotch-common/src/components/collections/graphql/index.vue` (+24 -22) 📝 `packages/hoppscotch-common/src/components/collections/index.vue` (+1 -1) 📝 `packages/hoppscotch-common/src/components/cookies/AllModal.vue` (+4 -3) 📝 `packages/hoppscotch-common/src/components/environments/Selector.vue` (+10 -26) 📝 `packages/hoppscotch-common/src/components/environments/my/Details.vue` (+7 -5) 📝 `packages/hoppscotch-common/src/components/environments/my/index.vue` (+22 -20) 📝 `packages/hoppscotch-common/src/components/environments/teams/Details.vue` (+14 -12) 📝 `packages/hoppscotch-common/src/components/environments/teams/index.vue` (+26 -24) 📝 `packages/hoppscotch-common/src/components/graphql/Authorization.vue` (+10 -8) 📝 `packages/hoppscotch-common/src/components/graphql/Headers.vue` (+8 -6) 📝 `packages/hoppscotch-common/src/components/graphql/Sidebar.vue` (+2 -3) 📝 `packages/hoppscotch-common/src/components/history/index.vue` (+15 -14) 📝 `packages/hoppscotch-common/src/components/http/Authorization.vue` (+10 -8) 📝 `packages/hoppscotch-common/src/components/http/Body.vue` (+10 -8) _...and 22 more files_ </details> ### 📄 Description - Improved placeholder component to use slots. - Consistent margin across all placeholder components. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>