Edit footer and its style.
This commit is contained in:
parent
3305f09d32
commit
0af652b413
3 changed files with 11 additions and 1 deletions
|
@ -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
6
src/styles/_footer.less
Normal file
|
@ -0,0 +1,6 @@
|
||||||
|
footer
|
||||||
|
{
|
||||||
|
margin: 4em auto;
|
||||||
|
color: var(--foreground-lightest);
|
||||||
|
text-align: center;
|
||||||
|
}
|
|
@ -5,3 +5,5 @@
|
||||||
@import "_common";
|
@import "_common";
|
||||||
|
|
||||||
@import "_components";
|
@import "_components";
|
||||||
|
|
||||||
|
@import "_footer";
|
||||||
|
|
Loading…
Reference in a new issue