[Meshery] Improve Integrations Honeycomb spacing and icon consistency

Aperta Adatta ai principianti
  • Qualcosa non va?
#8,187 5 commenti 0 reazioni 1 assegnatario Vedi su GitHub

I maintainer di solito rispondono entro 2 giorni

@priyanshuuu777 ci sta già lavorando.

Dal 7/10/2026.

Valutazione

Difficoltà
2/5
Tempo stimato
1-3 ore
Idoneità per principianti
75/100
Tipo di issue
Bug
Chiarezza
Specificata chiaramente
Stato di attività
Attiva
Stack tecnologico
javascript, react
Ambito
frontend

Direzione di ricerca

Individua il componente Honeycomb usato nella pagina Meshery Integrations e modifica lo stile del suo contenitore per eliminare lo spazio verticale in eccesso quando l’ultima riga contiene meno elementi di una riga completa. Poi correggi le sorgenti delle icone mancanti o incoerenti per le integrazioni interessate. Visualizza in anteprima le modifiche nel server di sviluppo locale a diverse dimensioni di viewport per confermare che i problemi siano risolti.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

framework/gatsby help wanted kind/bug

On the Meshery Integrations page:

https://layer5.io/cloud-native-management/meshery/integrations

the Integrations Honeycomb currently exhibits two related visual issues:

  1. A large amount of unused vertical space appears below the final row of integration logos.
  2. A subset of integration entries display missing or inconsistent icons, while the majority of integrations render correctly.

The spacing issue is particularly noticeable when the final Honeycomb row contains fewer integrations than a complete row. The reserved container height can extend significantly beyond the actual rendered content, resulting in unnecessary empty space at the bottom of the section.

The icon issue appears to affect individual integrations rather than the entire collection and can result in an integration logo not being displayed as expected.

This affects the visual consistency and polish of the Integrations page across different viewport sizes and themes.

Image
Lingua principale
JavaScript
Stelle
1.1k
Fork
1.7k
Merge medio
2g 17h
PR unite (30g)
17

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di layer5io/layer5

Tutte le issue di layer5io/layer5

Issue simili

Altre issue su JavaScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.