add new back button

CVHS-student-sites · May 21, 2024 · fcfcec0 · fcfcec0
1 parent 40bdedd
commit fcfcec0
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 3 deletions.
diff --git a/src/routes/(app)/register/views/Selection.svelte b/src/routes/(app)/register/views/Selection.svelte
@@ -9,7 +9,7 @@
     import Select from "$lib/components/app/Select.svelte";
 
 
-    let buttonMessage = 'Submit';
+    let buttonMessage = 'Next';
 
 
     let areas = {};

diff --git a/src/routes/(app)/register/views/View1.svelte b/src/routes/(app)/register/views/View1.svelte
@@ -28,6 +28,10 @@
         }
     }
 
+    function back(){
+        //todo make this move page back to prev screen
+    }
+
     let gradeCanRegister = false;
 
     // updated to include prereg, todo change this later if needed
@@ -273,7 +277,13 @@
     /*!*}*!*/
 
     .submit {
-        width: 100%;
+    
+        
+    }
+
+
+    .nav-btn{
+        flex: 1;
         height: 35px;
         background-color: #0082ff;
         border: none;
@@ -285,6 +295,15 @@
         color: var(--text);
     }
 
+    .button-cont{
+        height: 35px;
+        width: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        flex-direction: row;
+    }
+
     .submit:hover {
         background-color: #577db2;
     }
@@ -357,7 +376,11 @@
                             type="text"
                     />
                 {/if}
-                <button class="submit" type="submit">Next</button>
+
+                <div class="button-cont">
+                    <button class="submit nav-btn" type="submit">Next</button>
+                    <button class="submit nav-btn" on:click={back}>Next</button>
+                </div>
             </form>
         </div>
     </div>