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:
32
src/App.css
32
src/App.css
@@ -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);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user