diff options
Diffstat (limited to 'src/Navbar.svelte')
-rw-r--r-- | src/Navbar.svelte | 17 |
1 files changed, 16 insertions, 1 deletions
diff --git a/src/Navbar.svelte b/src/Navbar.svelte index 5b70e53..cee69d0 100644 --- a/src/Navbar.svelte +++ b/src/Navbar.svelte @@ -4,9 +4,9 @@ import Home from './Home.svelte'; import DDA from './algorithms/line-drawing/DDA.svelte'; import Bresenham from './algorithms/line-drawing/Bresenham.svelte'; + import Scaling from './algorithms/2d-transformations/Scaling.svelte'; const dispatch = createEventDispatcher(); - const changePage = (p) => dispatch('message', { page: p }); </script> @@ -24,6 +24,18 @@ </button> </div> </div> + + <div class="ddgroup"> + 2 Dimensional Transformations + <div class="ddsub"> + <button on:click={() => changePage(Scaling)}> + Scaling + </button> + <button on:click={() => changePage(Bresenham)}> + Bresenham + </button> + </div> + </div> </nav> <style> @@ -74,5 +86,8 @@ position: static; margin-top: 10px; } + .ddmenu button, .ddmenu .ddgroup { + padding: 12px; + } } </style> |