Merge pull request #52 from shufps/pro-mode-header

added pro mode header
shufps · Jan 14, 2025 · f2ea701 · f2ea701
2 parents 5c9bb62 + 236c6d3
commit f2ea701
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 4 deletions.
diff --git a/main/http_server/axe-os/src/app/components/settings/settings.component.html b/main/http_server/axe-os/src/app/components/settings/settings.component.html
@@ -1,9 +1,14 @@
+<div *ngIf="devToolsOpen" class="pro-mode-warning">
+    <p>Warning: You are now in Pro Mode. Adjusting settings with incorrect or unsuitable values may damage the device. Proceed with caution and at your own risk.</p>
+</div>
+
 <div class="card">
     <h2>Settings</h2>
-
     <app-edit></app-edit>
+</div>
 
-
+<div *ngIf="devToolsOpen" class="pro-mode-warning">
+    <p>Warning: You are now in Pro Mode. Adjusting settings with incorrect or unsuitable values may damage the device. Proceed with caution and at your own risk.</p>
 </div>
 
 <div class="grid">
@@ -51,4 +56,4 @@ <h2>Update Website <span *ngIf="websiteUpdateProgress != null">{{websiteUpdatePr
             <small>(www.bin)</small>
         </div>
     </div>
-</div>
+</div>
diff --git a/main/http_server/axe-os/src/app/components/settings/settings.component.scss b/main/http_server/axe-os/src/app/components/settings/settings.component.scss
@@ -32,4 +32,16 @@ select {
 
 a {
     color: white;
-}
+}
+
+.pro-mode-warning {
+    background-color: #ffcccb;
+    color: #b22222;
+    border: 1px solid #b22222;
+    padding: 10px;
+    margin: 10px 0;
+    text-align: center;
+    font-weight: bold;
+    border-radius: 5px;
+  }
+