Просмотр исходного кода

Create a close button for the add menu page.

Lee Morgan 11 месяцев назад
Родитель
Сommit
3981e86122
2 измененных файлов с 13 добавлено и 0 удалено
  1. 7 0
      src/views/css/addMenu.css
  2. 6 0
      src/views/js/pages/AddMenu.js

+ 7 - 0
src/views/css/addMenu.css

@@ -8,3 +8,10 @@
     max-width: 750px;
     padding: 15px;
 }
+
+#AddMenu .circle{
+    position: absolute;
+    top: 15px;
+    right: 15px;
+    width: initial;
+}

+ 6 - 0
src/views/js/pages/AddMenu.js

@@ -9,6 +9,12 @@ export default class AddMenu extends Page{
     }
 
     render(){
+        new Elem("button")
+            .text("X")
+            .addClass("button", "circle")
+            .onclick(()=>{changePage("home")})
+            .appendTo(this.container);
+
         new Elem("button")
             .text("New Transaction")
             .addClass("button")