Commit 9b19b5a70b39a1c9be486b77245fc9c69a5a6727
better styles woop! (header, settings page)
mix irving committed on 5/21/2018, 10:25:38 AMParent: 8866dc47d75af015c0d06c5c724748855c54459a
Files changed
app/html/header.mcss | changed |
app/page/settings.mcss | changed |
app/html/header.mcss | ||
---|---|---|
@@ -1,17 +1,19 @@ | ||
1 | 1 … | Header { |
2 … | + -webkit-app-region: drag | |
3 … | + | |
2 | 4 … | $colorPrimary |
3 | - padding: 1rem 0 | |
4 | 5 … | |
5 | 6 … | width: 100% |
6 | - height: 1.5rem | |
7 … | + height: 3.5rem | |
7 | 8 … | position: fixed |
8 | 9 … | top: 0 |
9 | 10 … | z-index: 99 |
10 | 11 … | |
11 | 12 … | display: grid |
12 | - grid-template-rows: 3rem auto 3rem | |
13 … | + grid-template-rows: auto | |
13 | 14 … | grid-template-columns: auto |
15 … | + justify-content: center | |
14 | 16 … | |
15 | 17 … | div.window-controls { |
16 | 18 … | -webkit-app-region: no-drag |
17 | 19 … | |
@@ -32,12 +34,13 @@ | ||
32 | 34 … | |
33 | 35 … | nav { |
34 | 36 … | -webkit-app-region: drag |
35 | 37 … | |
38 … | + width: 20rem | |
36 | 39 … | |
37 | 40 … | display: flex |
38 | 41 … | align-items: center |
39 | - justify-content: center | |
42 … | + justify-content: space-between | |
40 | 43 … | |
41 | 44 … | i { |
42 | 45 … | -webkit-app-region: no-drag |
43 | 46 … | |
@@ -45,9 +48,8 @@ | ||
45 | 48 … | text-decoration: none |
46 | 49 … | font-size: 1.4rem |
47 | 50 … | |
48 | 51 … | display: flex |
49 | - margin: 0 2rem | |
50 | 52 … | } |
51 | 53 … | |
52 | 54 … | i { font-size: 1.4rem } |
53 | 55 … | i.notifications { color: #7da9ea } |
app/page/settings.mcss | |||
---|---|---|---|
@@ -1,12 +1,20 @@ | |||
1 | 1 … | 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 … | + | ||
3 | 9 … | background: #fff | |
4 | 10 … | ||
5 | 11 … | div.content { | |
6 | 12 … | padding: 1rem | |
7 | 13 … | $maxWidthSmaller | |
8 | 14 … | ||
15 … | + overflow-y: initial | ||
16 … | + | ||
9 | 17 … | h1 { | |
10 | 18 … | font-size: 1.5rem | |
11 | 19 … | font-weight: 300 | |
12 | 20 … |
Built with git-ssb-web