diff --git a/src/pages/VisProgPage/VisProg.tsx b/src/pages/VisProgPage/VisProg.tsx index 104683d..785c564 100644 --- a/src/pages/VisProgPage/VisProg.tsx +++ b/src/pages/VisProgPage/VisProg.tsx @@ -1,19 +1,14 @@ -import {Link} from "react-router"; import VisProgUI from "./visualProgrammingUI/VisProgUI.tsx"; //this is your css file where you can style your buttons and such //you can still use css parts from App.css, but also overwrite them + function VisProgPage() { return ( <> - {/* here you link to the homepage, in App.tsx you can link new pages */} - - ) } diff --git a/src/pages/VisProgPage/visualProgrammingUI/VisProgUI.css b/src/pages/VisProgPage/visualProgrammingUI/VisProgUI.css index b853be4..be3d5a0 100644 --- a/src/pages/VisProgPage/visualProgrammingUI/VisProgUI.css +++ b/src/pages/VisProgPage/visualProgrammingUI/VisProgUI.css @@ -21,6 +21,7 @@ margin-inline-start: auto; margin-inline-end: auto; background-color: canvas; + align-content: center; margin-bottom: 0.5rem; margin-top:auto; width: 50%; diff --git a/src/pages/VisProgPage/visualProgrammingUI/components/DragDropSidebar.tsx b/src/pages/VisProgPage/visualProgrammingUI/components/DragDropSidebar.tsx index ce54fd2..1ca9374 100644 --- a/src/pages/VisProgPage/visualProgrammingUI/components/DragDropSidebar.tsx +++ b/src/pages/VisProgPage/visualProgrammingUI/components/DragDropSidebar.tsx @@ -148,6 +148,7 @@ export function DndToolbar() { borderColor: 'dimgrey', backgroundColor: 'canvas', display: 'flex', + alignItems: 'center', flexDirection: 'column', gap: '1rem' }}>