186526
/
unpkg
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

More generous gutters and margins on index pages

This commit is contained in:
MICHAEL JACKSON 2017-05-30 10:03:02 -07:00
parent 9dc0630bb3
commit 77007eacdf
2 changed files with 16 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
server/middleware/components/IndexPage.css
View File

@ -23,9 +23,13 @@ th {
text-align: left; text-align: left;
} }
th, td { th, td {
padding: 0.1em 0.25em; padding: 0.25em 0.5em;
} }
.content-wrapper {
max-width: 900px;
margin: 0 auto;
}
.version-wrapper { .version-wrapper {
line-height: 2.25em; line-height: 2.25em;
float: right; float: right;

20
server/middleware/components/IndexPage.js
View File

@ -30,15 +30,17 @@ const IndexPage = ({ packageInfo, version, dir, entries }) => {
e('style', { dangerouslySetInnerHTML: { __html: IndexPageStyle } }) e('style', { dangerouslySetInnerHTML: { __html: IndexPageStyle } })
), ),
e('body', null, e('body', null,
e('div', { className: 'version-wrapper' }, e('div', { className: 'content-wrapper' },
e('select', { id: 'version', defaultValue: version }, options) e('div', { className: 'version-wrapper' },
), e('select', { id: 'version', defaultValue: version }, options)
e('h1', null, `Index of ${dir}`), ),
e('script', { dangerouslySetInnerHTML: { __html: IndexPageScript } }), e('h1', null, `Index of ${dir}`),
e('hr'), e('script', { dangerouslySetInnerHTML: { __html: IndexPageScript } }),
e(DirectoryListing, { dir, entries }), e('hr'),
e('hr'), e(DirectoryListing, { dir, entries }),
e('address', null, `${packageInfo.name}@${version}`) e('hr'),
e('address', null, `${packageInfo.name}@${version}`)
)
) )
) )
) )