chore: make plugin hub page plugins icon horizontal center

[foolwc]

Fixes: #484

Changes:

• make plugin hub page plugins icon horizontal center
• hide <SidebarContainer/> when screen size less than 1200px

Screenshots of the change:

[netlify]

✔️ Deploy Preview for apisix ready!

🔨 Explore the source changes: 25f1f27

🔍 Inspect the deploy log: https://app.netlify.com/sites/apisix/deploys/612502c4c672e4000776024d

😎 Browse the preview: https://deploy-preview-501--apisix.netlify.app

[1502shivam-singh]

Also, @foolwc nice of you to make this page mobile responsive, wasn't earlier to this.

One thing that I think needs improvement is that long scroll to reach the later section on mobile. We will need to add a system like that in the docs (check this page through mobile-device view, devtools - docs) for jumping across sections or something similar that does this.

But that can be done in some later PR...

[1502shivam-singh]

Might want to check plugin.json

[foolwc]

Also, @foolwc nice of you to make this page mobile responsive, wasn't earlier to this.

One thing that I think needs improvement is that long scroll to reach the later section on mobile. We will need to add a system like that in the docs (check this page through mobile-device view, devtools - docs) for jumping across sections or something similar that does this.

But that can be done in some later PR...

Agreed. We could change the component SideContainer to anchor hyperlinks and jumping between them.
The layout of plugin hub page needs to be optimized to be more responsive.

[liuxiran]

Also, @foolwc nice of you to make this page mobile responsive, wasn't earlier to this.

One thing that I think needs improvement is that long scroll to reach the later section on mobile. We will need to add a system like that in the docs (check this page through mobile-device view, devtools - docs) for jumping across sections or something similar that does this.

But that can be done in some later PR...

create an issue to trace it. Thanks all of you for making the plugin pages more and more sophisticated!