opensource/json-server
1
0
Fork 0
mirror of https://github.com/typicode/json-server.git synced 2025-07-31 14:12:38 +08:00
Code Issues Packages Projects Releases Wiki Activity

Refactor

Browse Source
This commit is contained in:
typicode
2017-03-03 01:08:04 +01:00
parent 946e5c5ede
commit 91ae73273a
3 changed files with 49 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/server/public/index.html
View File

@ -1,11 +1,11 @@
<html>
<head>
<title>JSON Server</title>
<link href="//netdna.bootstrapcdn.com/bootswatch/3.1.1/flatly/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="//cdn.rawgit.com/milligram/milligram/master/dist/milligram.min.css">
<link rel="stylesheet" href="stylesheets/style.css">
</head>
<body>
<div class="container">
<main class="container">
<p>
<a href="https://github.com/typicode/json-server" class="logo">
<img src="images/json.png">
@ -54,13 +54,14 @@
<p>Please go
<a href="https://github.com/typicode/json-server/issues">here</a>.
</p>
</main>
<footer class="container">
<hr>
<p>
<i>To replace this page, create an index.html file in ./public, JSON Server will load it.</i>
To replace this page, create an index.html file in ./public, JSON Server will load it.
</p>
</div>
</footer>
<script src="https://unpkg.com/mithril/mithril.min.js"></script>
<script src="main.js"></script>

7
src/server/public/main.js
View File

@ -33,8 +33,11 @@ m.mount(
view: function () {
return [
m('p', 'And the custom routes:'),
m('ul', Object.keys(rules).map(function (rule) {
return m('li', rule + ' → ' + rules[rule])
m('table', Object.keys(rules).map(function (rule) {
return m('tr', [
m('td', rule),
m('td', '⇢ ' + rules[rule])
])
}))
]
}

45
src/server/public/stylesheets/style.css
View File

@ -1,5 +1,35 @@
a {
color: #1882BC !important;
html {
height: 100%;
}
body {
min-height: 100%;
display: flex;
flex-direction: column;
}
main {
flex: 1;
padding: 2rem 0;
}
a, a:hover {
color: #1882BC;
text-decoration: underline;
}
table {
margin-left: 30px;
}
td {
border: 0;
}
td:first-child {
width:1%;
white-space:nowrap;
color: #1882BC;
}
img {
@ -7,10 +37,11 @@ img {
padding-bottom: 20px;
}
li {
list-style-type: square;
ul {
list-style-position: inside;
padding-left: 30px;
}
h4 {
padding-top: 20px;
}
li {
list-style-type: none;
}