feat: link and directory improvements

Changing pages now happens via Link, directory has gotten a layout change with app becoming a starting point and every page requireing their own .tsx and .css file.
Components have also been added where reocurring componennts can be made and reapplied in the project.

ref: N25B-96
This commit is contained in:
JobvAlewijk
2025-09-30 16:03:02 +02:00
parent 70e2bdb610
commit 63f97de164
11 changed files with 191 additions and 35 deletions

View File

@@ -33,10 +33,34 @@
}
}
.card {
padding: 2em;
button.reset {
background-color: crimson;
color: white;
}
button.reset:hover {
background-color: darkred;
}
.read-the-docs {
color: #888;
button.movePage {
position: fixed; /* Position the button relative to the viewport (screen),
not inside its parent. It stays in place even when you scroll. */
top: 50%; /* Place the button halfway down from the top of the screen. */
/* Stick the button to the left edge of the screen. */
border: 3px solid black;
outline: 1px solid white;
transform: translateY(-50%);
background-color: aquamarine;
color: white;
}
button.movePage.left{
left: 5%;
}
button.movePage.right{
right: 5%;
}
button.movePage:hover{
background-color: rgb(0, 176, 176);
}