Commit ca60633113df0b41f3bab3e4319dcd13a9c9555e
stylfix
mix irving committed on 8/9/2017, 4:39:06 AMParent: b51fde82e0d57c7264d7575dde85df093d30b696
Files changed
app/html/thread.mcss | changed |
app/page/group.js | changed |
app/page/home.js | changed |
app/page/private.js | changed |
app/page/page.mcss | added |
styles/global.mcss | added |
app/html/thread.mcss | ||
---|---|---|
@@ -1,8 +1,8 @@ | ||
1 | 1 | Thread { |
2 | - background-color: #eee | |
2 | + background-color: #f7f7f7 | |
3 | + font-family: 'arial' | |
3 | 4 | padding: 1rem |
4 | - font-family: 'arial' | |
5 | 5 | |
6 | 6 | max-width: 1400px |
7 | 7 | |
8 | 8 | display: flex |
app/page/group.js | ||
---|---|---|
@@ -15,9 +15,9 @@ | ||
15 | 15 | // TODO show specific group index described by key |
16 | 16 | |
17 | 17 | const { goTo } = api.app.sync |
18 | 18 | |
19 | - return h('div', [ | |
19 | + return h('Page -group', [ | |
20 | 20 | h('h1', 'Group'), |
21 | 21 | h('a', { 'ev-click': () => goTo({ page: 'home' }) }, 'Home'), |
22 | 22 | h('p', `key: ${location.key}`) |
23 | 23 | ]) |
app/page/home.js | ||
---|---|---|
@@ -13,13 +13,15 @@ | ||
13 | 13 | function home (location) { |
14 | 14 | // location here can expected to be: { page: 'home' } |
15 | 15 | const { goTo } = api.app.sync |
16 | 16 | |
17 | - return h('div', [ | |
17 | + return h('Page -home', [ | |
18 | 18 | h('h1', 'Home'), |
19 | - h('div', { 'ev-click': () => goTo({ page: 'home' }) }, 'Home'), | |
20 | - h('div', { 'ev-click': () => goTo({ type: 'group', key: '%sadlkjas;lkdjas' }) }, 'Group'), | |
21 | - h('div', { 'ev-click': () => goTo({key: '%fXXZgQrwnj7F+Y19H0IXxNriuvPFoahvusih3UzpkfA=.sha256'}) }, 'Private Thread A'), | |
22 | - h('div', { 'ev-click': () => goTo({key: '%3cWZHeN6k03XpvDBxrxP5bGLsNByFLTvr/rKYFV4f+c=.sha256'}) }, 'Private Thread B'), | |
19 | + h('nav', [ | |
20 | + h('div', { 'ev-click': () => goTo({ page: 'home' }) }, 'Home'), | |
21 | + h('div', { 'ev-click': () => goTo({ type: 'group', key: '%sadlkjas;lkdjas' }) }, 'Group'), | |
22 | + h('div', { 'ev-click': () => goTo({key: '%fXXZgQrwnj7F+Y19H0IXxNriuvPFoahvusih3UzpkfA=.sha256'}) }, 'Private Thread A'), | |
23 | + h('div', { 'ev-click': () => goTo({key: '%3cWZHeN6k03XpvDBxrxP5bGLsNByFLTvr/rKYFV4f+c=.sha256'}) }, 'Private Thread B'), | |
24 | + ]) | |
23 | 25 | ]) |
24 | 26 | } |
25 | 27 | } |
app/page/private.js | ||
---|---|---|
@@ -18,11 +18,11 @@ | ||
18 | 18 | const { goTo } = api.app.sync |
19 | 19 | |
20 | 20 | const thread = api.app.html.thread(location.key) |
21 | 21 | |
22 | - return h('div', [ | |
22 | + return h('Page -private', [ | |
23 | 23 | h('h1', 'Private message'), |
24 | - h('div', { 'ev-click': () => goTo({ page: 'home' }) }, 'Home'), | |
24 | + h('nav', { 'ev-click': () => goTo({ page: 'home' }) }, 'Home'), | |
25 | 25 | thread |
26 | 26 | ]) |
27 | 27 | } |
28 | 28 | } |
Built with git-ssb-web