add settings menu with Unity mode, save, load

src/app/app.component.html

@@ -51,6 +51,16 @@
         <app-rules class="container-sider-element"></app-rules>
     </div>
 
+    <div class="container-settings">
+        <div class="container-settings-mode">
+            <input name="unity" type="checkbox"/>
+            <label for="unity">Intégrer le jeu sous Unity</label>
+        </div>
+        <button mat-mini-fab color="white"><mat-icon fontIcon="save"></mat-icon></button>
+        <button mat-mini-fab color="white"><mat-icon fontIcon="upload-file"></mat-icon></button>
+
+    </div>
+
 
 </div>
 

src/app/app.component.scss

@@ -2,6 +2,7 @@
 
     display: flex;
     flex-direction: row;
+    z-index: 1;
 
     &-main {
         position: absolute;
@@ -47,4 +48,29 @@
             align-items: center;
         }
     }
+
+    &-settings {
+        position: fixed;
+        width: 300px;
+        right: 350px;
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+    
+        z-index: 2;
+    
+        &-mode {
+            width: 150px;
+            background-color: white;
+            box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px 0px rgba(0, 0, 0, 0.14),0px 1px 18px 0px rgba(0, 0, 0, 0.12);
+            padding: 5px;
+            border-radius: 10px;
+            text-align: center;
+        }
+
+        button {
+            width: 50px;
+            height: 50px;
+        }
+    }
 }
\ No newline at end of file