Edit footer and its style.

This commit is contained in:
Madeorsk 2024-07-07 19:10:24 +02:00
parent 3305f09d32
commit 0af652b413
Signed by: Madeorsk
SSH key fingerprint: SHA256:J9G0ofIOLKf7kyS2IfrMqtMaPdfsk1W02+oGueZzDDU
3 changed files with 11 additions and 1 deletions

View file

@ -4,6 +4,7 @@ import {DemoApp} from "./DemoApp";
import {createBrowserRouter} from "react-router-dom"; import {createBrowserRouter} from "react-router-dom";
import {Kernel} from "../src/Application/Kernel"; import {Kernel} from "../src/Application/Kernel";
import {NavTest} from "./NavTest"; import {NavTest} from "./NavTest";
import {Avocado} from "@phosphor-icons/react";
// Router initialization. // Router initialization.
const router = createBrowserRouter([ const router = createBrowserRouter([
@ -26,7 +27,8 @@ document.addEventListener("DOMContentLoaded", () => {
root.render(<Kernel router={router} footer={ root.render(<Kernel router={router} footer={
<footer> <footer>
Footer test. <Avocado weight={"duotone"} size={32} />
<div>Kernel</div>
</footer> </footer>
} />); } />);
}); });

6
src/styles/_footer.less Normal file
View file

@ -0,0 +1,6 @@
footer
{
margin: 4em auto;
color: var(--foreground-lightest);
text-align: center;
}

View file

@ -5,3 +5,5 @@
@import "_common"; @import "_common";
@import "_components"; @import "_components";
@import "_footer";