git ssb

2+

mixmix / ticktack



Commit 9b19b5a70b39a1c9be486b77245fc9c69a5a6727

better styles woop! (header, settings page)

mix irving committed on 5/21/2018, 10:25:38 AM
Parent: 8866dc47d75af015c0d06c5c724748855c54459a

Files changed

app/html/header.mcsschanged
app/page/settings.mcsschanged
app/html/header.mcssView
@@ -1,17 +1,19 @@
11 Header {
2 + -webkit-app-region: drag
3 +
24 $colorPrimary
3- padding: 1rem 0
45
56 width: 100%
6- height: 1.5rem
7 + height: 3.5rem
78 position: fixed
89 top: 0
910 z-index: 99
1011
1112 display: grid
12- grid-template-rows: 3rem auto 3rem
13 + grid-template-rows: auto
1314 grid-template-columns: auto
15 + justify-content: center
1416
1517 div.window-controls {
1618 -webkit-app-region: no-drag
1719
@@ -32,12 +34,13 @@
3234
3335 nav {
3436 -webkit-app-region: drag
3537
38 + width: 20rem
3639
3740 display: flex
3841 align-items: center
39- justify-content: center
42 + justify-content: space-between
4043
4144 i {
4245 -webkit-app-region: no-drag
4346
@@ -45,9 +48,8 @@
4548 text-decoration: none
4649 font-size: 1.4rem
4750
4851 display: flex
49- margin: 0 2rem
5052 }
5153
5254 i { font-size: 1.4rem }
5355 i.notifications { color: #7da9ea }
app/page/settings.mcssView
@@ -1,12 +1,20 @@
11 Page -settings {
2- padding-top: 1rem
2 + display: grid
3 + padding: 1rem 0
4 + grid-template-rows: auto
5 + justify-items: center
6 + grid-template-columns: auto
7 + overflow-y: auto
8 +
39 background: #fff
410
511 div.content {
612 padding: 1rem
713 $maxWidthSmaller
814
15 + overflow-y: initial
16 +
917 h1 {
1018 font-size: 1.5rem
1119 font-weight: 300
1220

Built with git-ssb-web