Skip to content
This repository was archived by the owner on Sep 4, 2020. It is now read-only.

Commit 45cc594

Browse files
adriancarrigeradriancarriger
committed
feat: improved styling
1 parent b428376 commit 45cc594

File tree

6 files changed

+133
-374
lines changed

6 files changed

+133
-374
lines changed

‎src/app/app.component.html

Lines changed: 6 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
1-
<header class="header"><h1>Title here</h1></header>
2-
<app-navbar></app-navbar>
3-
<div class="content-container">
4-
<router-outlet></router-outlet>
5-
</div>
1+
<div class="wrapper">
2+
<app-navbar></app-navbar>
3+
<div class="content-container">
4+
<router-outlet></router-outlet>
5+
</div>
6+
</div>

‎src/app/app.component.scss

Lines changed: 8 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -2,19 +2,13 @@
22
html, body {
33
height: 100%;
44
}
5-
.header {
6-
position: fixed;
7-
top: 0;
8-
left: $navWidth;
9-
right: 0;
10-
width: 100%;
11-
background-color: yellow;
12-
height: $headerHeight;
13-
h1 {
14-
margin: 0;
5+
.wrapper {
6+
position: relative;
7+
min-height: 100%;
8+
.content-container {
9+
padding: 10px;
10+
padding-top: $headerHeight + 10px;
11+
margin-left: $navWidth;
12+
width: calc(100% - #{$navWidth});
1513
}
16-
}
17-
.content-container {
18-
margin-left: $navWidth;
19-
margin-top: $headerHeight;
2014
}

‎src/app/home/home.component.html

Lines changed: 0 additions & 307 deletions
Original file line numberDiff line numberDiff line change
@@ -1,308 +1 @@
1-
<p>home works!</p>
2-
<p>home works!</p>
3-
<p>home works!</p>
4-
<p>home works!</p>
5-
<p>home works!</p>
6-
<p>home works!</p>
7-
<p>home works!</p>
8-
<p>home works!</p>
9-
<p>home works!</p>
10-
<p>home works!</p>
11-
<p>home works!</p>
12-
<p>home works!</p>
13-
<p>home works!</p>
14-
<p>home works!</p>
15-
<p>home works!</p>
16-
<p>home works!</p>
17-
<p>home works!</p>
18-
<p>home works!</p>
19-
<p>home works!</p>
20-
<p>home works!</p>
21-
<p>home works!</p>
22-
<p>home works!</p>
23-
<p>home works!</p>
24-
<p>home works!</p>
25-
<p>home works!</p>
26-
<p>home works!</p>
27-
<p>home works!</p>
28-
<p>home works!</p>
29-
<p>home works!</p>
30-
<p>home works!</p>
31-
<p>home works!</p>
32-
<p>home works!</p>
33-
<p>home works!</p>
34-
<p>home works!</p>
35-
<p>home works!</p>
36-
<p>home works!</p>
37-
<p>home works!</p>
38-
<p>home works!</p>
39-
<p>home works!</p>
40-
<p>home works!</p>
41-
<p>home works!</p>
42-
<p>home works!</p>
43-
<p>home works!</p>
44-
<p>home works!</p>
45-
<p>home works!</p>
46-
<p>home works!</p>
47-
<p>home works!</p>
48-
<p>home works!</p>
49-
<p>home works!</p>
50-
<p>home works!</p>
51-
<p>home works!</p>
52-
<p>home works!</p>
53-
<p>home works!</p>
54-
<p>home works!</p>
55-
<p>home works!</p>
56-
<p>home works!</p>
57-
<p>home works!</p>
58-
<p>home works!</p>
59-
<p>home works!</p>
60-
<p>home works!</p>
61-
<p>home works!</p>
62-
<p>home works!</p>
63-
<p>home works!</p>
64-
<p>home works!</p>
65-
<p>home works!</p>
66-
<p>home works!</p>
67-
<p>home works!</p>
68-
<p>home works!</p>
69-
<p>home works!</p>
70-
<p>home works!</p>
71-
<p>home works!</p>
72-
<p>home works!</p>
73-
<p>home works!</p>
74-
<p>home works!</p>
75-
<p>home works!</p>
76-
<p>home works!</p>
77-
<p>home works!</p>
78-
<p>home works!</p>
79-
<p>home works!</p>
80-
<p>home works!</p>
81-
<p>home works!</p>
82-
<p>home works!</p>
83-
<p>home works!</p>
84-
<p>home works!</p>
85-
<p>home works!</p>
86-
<p>home works!</p>
87-
<p>home works!</p>
88-
<p>home works!</p>
89-
<p>home works!</p>
90-
<p>home works!</p>
91-
<p>home works!</p>
92-
<p>home works!</p>
93-
<p>home works!</p>
94-
<p>home works!</p>
95-
<p>home works!</p>
96-
<p>home works!</p>
97-
<p>home works!</p>
98-
<p>home works!</p>
99-
<p>home works!</p>
100-
<p>home works!</p>
101-
<p>home works!</p>
102-
<p>home works!</p>
103-
<p>home works!</p>
104-
<p>home works!</p>
105-
<p>home works!</p>
106-
<p>home works!</p>
107-
<p>home works!</p>
108-
<p>home works!</p>
109-
<p>home works!</p>
110-
<p>home works!</p>
111-
<p>home works!</p>
112-
<p>home works!</p>
113-
<p>home works!</p>
114-
<p>home works!</p>
115-
<p>home works!</p>
116-
<p>home works!</p>
117-
<p>home works!</p>
118-
<p>home works!</p>
119-
<p>home works!</p>
120-
<p>home works!</p>
121-
<p>home works!</p>
122-
<p>home works!</p>
123-
<p>home works!</p>
124-
<p>home works!</p>
125-
<p>home works!</p>
126-
<p>home works!</p>
127-
<p>home works!</p>
128-
<p>home works!</p>
129-
<p>home works!</p>
130-
<p>home works!</p>
131-
<p>home works!</p>
132-
<p>home works!</p>
133-
<p>home works!</p>
134-
<p>home works!</p>
135-
<p>home works!</p>
136-
<p>home works!</p>
137-
<p>home works!</p>
138-
<p>home works!</p>
139-
<p>home works!</p>
140-
<p>home works!</p>
141-
<p>home works!</p>
142-
<p>home works!</p>
143-
<p>home works!</p>
144-
<p>home works!</p>
145-
<p>home works!</p>
146-
<p>home works!</p>
147-
<p>home works!</p>
148-
<p>home works!</p>
149-
<p>home works!</p>
150-
<p>home works!</p>
151-
<p>home works!</p>
152-
<p>home works!</p>
153-
<p>home works!</p>
154-
<p>home works!</p>
155-
<p>home works!</p>
156-
<p>home works!</p>
157-
<p>home works!</p>
158-
<p>home works!</p>
159-
<p>home works!</p>
160-
<p>home works!</p>
161-
<p>home works!</p>
162-
<p>home works!</p>
163-
<p>home works!</p>
164-
<p>home works!</p>
165-
<p>home works!</p>
166-
<p>home works!</p>
167-
<p>home works!</p>
168-
<p>home works!</p>
169-
<p>home works!</p>
170-
<p>home works!</p>
171-
<p>home works!</p>
172-
<p>home works!</p>
173-
<p>home works!</p>
174-
<p>home works!</p>
175-
<p>home works!</p>
176-
<p>home works!</p>
177-
<p>home works!</p>
178-
<p>home works!</p>
179-
<p>home works!</p>
180-
<p>home works!</p>
181-
<p>home works!</p>
182-
<p>home works!</p>
183-
<p>home works!</p>
184-
<p>home works!</p>
185-
<p>home works!</p>
186-
<p>home works!</p>
187-
<p>home works!</p>
188-
<p>home works!</p>
189-
<p>home works!</p>
190-
<p>home works!</p>
191-
<p>home works!</p>
192-
<p>home works!</p>
193-
<p>home works!</p>
194-
<p>home works!</p>
195-
<p>home works!</p>
196-
<p>home works!</p>
197-
<p>home works!</p>
198-
<p>home works!</p>
199-
<p>home works!</p>
200-
<p>home works!</p>
201-
<p>home works!</p>
202-
<p>home works!</p>
203-
<p>home works!</p>
204-
<p>home works!</p>
205-
<p>home works!</p>
206-
<p>home works!</p>
207-
<p>home works!</p>
208-
<p>home works!</p>
209-
<p>home works!</p>
210-
<p>home works!</p>
211-
<p>home works!</p>
212-
<p>home works!</p>
213-
<p>home works!</p>
214-
<p>home works!</p>
215-
<p>home works!</p>
216-
<p>home works!</p>
217-
<p>home works!</p>
218-
<p>home works!</p>
219-
<p>home works!</p>
220-
<p>home works!</p>
221-
<p>home works!</p>
222-
<p>home works!</p>
223-
<p>home works!</p>
224-
<p>home works!</p>
225-
<p>home works!</p>
226-
<p>home works!</p>
227-
<p>home works!</p>
228-
<p>home works!</p>
229-
<p>home works!</p>
230-
<p>home works!</p>
231-
<p>home works!</p>
232-
<p>home works!</p>
233-
<p>home works!</p>
234-
<p>home works!</p>
235-
<p>home works!</p>
236-
<p>home works!</p>
237-
<p>home works!</p>
238-
<p>home works!</p>
239-
<p>home works!</p>
240-
<p>home works!</p>
241-
<p>home works!</p>
242-
<p>home works!</p>
243-
<p>home works!</p>
244-
<p>home works!</p>
245-
<p>home works!</p>
246-
<p>home works!</p>
247-
<p>home works!</p>
248-
<p>home works!</p>
249-
<p>home works!</p>
250-
<p>home works!</p>
251-
<p>home works!</p>
252-
<p>home works!</p>
253-
<p>home works!</p>
254-
<p>home works!</p>
255-
<p>home works!</p>
256-
<p>home works!</p>
257-
<p>home works!</p>
258-
<p>home works!</p>
259-
<p>home works!</p>
260-
<p>home works!</p>
261-
<p>home works!</p>
262-
<p>home works!</p>
263-
<p>home works!</p>
264-
<p>home works!</p>
265-
<p>home works!</p>
266-
<p>home works!</p>
267-
<p>home works!</p>
268-
<p>home works!</p>
269-
<p>home works!</p>
270-
<p>home works!</p>
271-
<p>home works!</p>
272-
<p>home works!</p>
273-
<p>home works!</p>
274-
<p>home works!</p>
275-
<p>home works!</p>
276-
<p>home works!</p>
277-
<p>home works!</p>
278-
<p>home works!</p>
279-
<p>home works!</p>
280-
<p>home works!</p>
281-
<p>home works!</p>
282-
<p>home works!</p>
283-
<p>home works!</p>
284-
<p>home works!</p>
285-
<p>home works!</p>
286-
<p>home works!</p>
287-
<p>home works!</p>
288-
<p>home works!</p>
289-
<p>home works!</p>
290-
<p>home works!</p>
291-
<p>home works!</p>
292-
<p>home works!</p>
293-
<p>home works!</p>
294-
<p>home works!</p>
295-
<p>home works!</p>
296-
<p>home works!</p>
297-
<p>home works!</p>
298-
<p>home works!</p>
299-
<p>home works!</p>
300-
<p>home works!</p>
301-
<p>home works!</p>
302-
<p>home works!</p>
303-
<p>home works!</p>
304-
<p>home works!</p>
305-
<p>home works!</p>
306-
<p>home works!</p>
307-
<p>home works!</p>
3081
<p>home works!</p>

0 commit comments

Comments
 (0)