diff options
| author | Collin Diekvoss <collin@diekvoss.com> | 2022-08-20 20:40:57 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2022-08-20 21:40:57 -0400 |
| commit | 1930400032a850b833f5f71523008e326f40547a (patch) | |
| tree | eefdb2e30a164ba1255d60d1fa9dc1ef92c73ff2 | |
| parent | 43dee863cd5b9d43d79c603021b747ef290ab544 (diff) | |
| download | decky-loader-1930400032a850b833f5f71523008e326f40547a.tar.gz decky-loader-1930400032a850b833f5f71523008e326f40547a.zip | |
Better wrapping of plugin tags (#150)
| -rw-r--r-- | frontend/src/components/store/PluginCard.tsx | 11 |
1 files changed, 7 insertions, 4 deletions
diff --git a/frontend/src/components/store/PluginCard.tsx b/frontend/src/components/store/PluginCard.tsx index 8bc59475..5a0c34ec 100644 --- a/frontend/src/components/store/PluginCard.tsx +++ b/frontend/src/components/store/PluginCard.tsx @@ -119,14 +119,18 @@ const PluginCard: FC<PluginCardProps> = ({ plugin }) => { <p className={joinClassNames(staticClasses.PanelSectionRow)}> <span>Author: {plugin.author}</span> </p> - <p className={joinClassNames('deckyStoreCardTagsContainer', staticClasses.PanelSectionRow)}> - <span>Tags:</span> + <p className={joinClassNames('deckyStoreCardTagsContainer', staticClasses.PanelSectionRow)} style={{ + padding: '0 16px', + display: 'flex', + flexWrap: 'wrap', + gap: '5px 10px', + }}> + <span style={{padding: '5px 0'}}>Tags:</span> {plugin.tags.map((tag: string) => ( <span className="deckyStoreCardTag" style={{ padding: '5px', - marginRight: '10px', borderRadius: '5px', background: tag == 'root' ? '#842029' : '#ACB2C947', }} @@ -140,7 +144,6 @@ const PluginCard: FC<PluginCardProps> = ({ plugin }) => { style={{ color: '#232120', padding: '5px', - marginRight: '10px', borderRadius: '5px', background: '#EDE841', }} |