nav-bar minimal style

12 months ago · 657461163b
parent c415c3c19f
commit 657461163b
3 changed files with 21 additions and 3 deletions
--- a/src/app/app.component.css
+++ b/src/app/app.component.css
@ -1,3 +1,20 @@
+nav {
+  border: 3px solid black;
+  padding: 0 20px;
+
+  ul {
+    display: flex;
+    flex-direction: row;
+    width: 100%;
+    justify-content: space-between;
+    padding: 0;
+
+    li {
+      list-style: none;
+    }
+  }
+}
+
 #page-wrapper {
  width: 70%;
  border: 3px solid black;
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@ -1,5 +1,3 @@
-<h1>Ratatouille</h1>
-
 <nav>
  <ul>
    <li><a routerLink="/" routerLinkActive="active" ariaCurrentWhenActive="page">Home</a></li>
--- a/src/index.html
+++ b/src/index.html
@ -1,5 +1,6 @@
 <!doctype html>
 <html lang="en">
+
 <head>
  <meta charset="utf-8">
  <title>BromistaNisqaReceta</title>
@ -7,7 +8,9 @@
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
 </head>
+
 <body>
  <app-root></app-root>
 </body>
-</html>
+
+</html>