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;
}
th, td {
padding: 0.1em 0.25em;
padding: 0.25em 0.5em;
}
.content-wrapper {
max-width: 900px;
margin: 0 auto;
}
.version-wrapper {
line-height: 2.25em;
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('body', null,
e('div', { className: 'version-wrapper' },
e('select', { id: 'version', defaultValue: version }, options)
),
e('h1', null, `Index of ${dir}`),
e('script', { dangerouslySetInnerHTML: { __html: IndexPageScript } }),
e('hr'),
e(DirectoryListing, { dir, entries }),
e('hr'),
e('address', null, `${packageInfo.name}@${version}`)
e('div', { className: 'content-wrapper' },
e('div', { className: 'version-wrapper' },
e('select', { id: 'version', defaultValue: version }, options)
),
e('h1', null, `Index of ${dir}`),
e('script', { dangerouslySetInnerHTML: { __html: IndexPageScript } }),
e('hr'),
e(DirectoryListing, { dir, entries }),
e('hr'),
e('address', null, `${packageInfo.name}@${version}`)
)
)
)
)