Tests sur les styles

2020-04-26 19:54:34 +02:00
parent 1e8f1e6f79
commit 8f09a0d225
3 changed files with 9 additions and 10 deletions
--- a/Front/skydivelogs-app/src/app/app.component.css
+++ b/Front/skydivelogs-app/src/app/app.component.css
@@ -18,10 +18,11 @@
 .navigation {
  position: absolute;
  width: 200px;
-  overflow: hidden;
+  /* height: 650px;
+  overflow: hidden; */
+  height: 100%;
  z-index: 101;
  background-color: grey;
-  height: 650px;
  padding: 5px;
  left: -220px;
  transition: 0.5s linear left;
--- a/Front/skydivelogs-app/src/app/app.component.html
+++ b/Front/skydivelogs-app/src/app/app.component.html
@@ -1,4 +1,3 @@
-<div>
  <header *ngIf="this.show()">
    <div style="display: flex; justify-content: space-between;">
      <div>
@@ -39,9 +38,6 @@
    </nav>
  </header>

-  <body>
-    <router-outlet></router-outlet>
-  </body>
+  <router-outlet></router-outlet>

  <footer>Web software to log your skydive jumps - v{{ version }} - @Séb</footer>
-</div>
--- a/Front/skydivelogs-app/src/assets/css/styles.css
+++ b/Front/skydivelogs-app/src/assets/css/styles.css
@@ -7,10 +7,12 @@ body {

 body {
  font-family: Roboto, "Helvetica Neue", sans-serif;
-  margin: 10px;
  color: #424242;
-  min-height: 665px;
-  overflow: auto;
+  /* min-height: 665px;
+  margin: 10px;
+  overflow: auto; */
+  margin: 0;
+  padding: 10px;
 }

@font-face {