From 0af652b413b57cf0175b59ce158f193aa675779f Mon Sep 17 00:00:00 2001
From: Madeorsk <madeorsk@protonmail.com>
Date: Sun, 7 Jul 2024 19:10:24 +0200
Subject: [PATCH] Edit footer and its style.

---
 demo/demo.tsx           | 4 +++-
 src/styles/_footer.less | 6 ++++++
 src/styles/main.less    | 2 ++
 3 files changed, 11 insertions(+), 1 deletion(-)
 create mode 100644 src/styles/_footer.less

diff --git a/demo/demo.tsx b/demo/demo.tsx
index 8ce8eb1..f02d476 100644
--- a/demo/demo.tsx
+++ b/demo/demo.tsx
@@ -4,6 +4,7 @@ import {DemoApp} from "./DemoApp";
 import {createBrowserRouter} from "react-router-dom";
 import {Kernel} from "../src/Application/Kernel";
 import {NavTest} from "./NavTest";
+import {Avocado} from "@phosphor-icons/react";
 
 // Router initialization.
 const router = createBrowserRouter([
@@ -26,7 +27,8 @@ document.addEventListener("DOMContentLoaded", () => {
 
 	root.render(<Kernel router={router} footer={
 		<footer>
-			Footer test.
+			<Avocado weight={"duotone"} size={32} />
+			<div>Kernel</div>
 		</footer>
 	} />);
 });
diff --git a/src/styles/_footer.less b/src/styles/_footer.less
new file mode 100644
index 0000000..0f090a2
--- /dev/null
+++ b/src/styles/_footer.less
@@ -0,0 +1,6 @@
+footer
+{
+	margin: 4em auto;
+	color: var(--foreground-lightest);
+	text-align: center;
+}
diff --git a/src/styles/main.less b/src/styles/main.less
index 1194a35..1d43e11 100644
--- a/src/styles/main.less
+++ b/src/styles/main.less
@@ -5,3 +5,5 @@
 @import "_common";
 
 @import "_components";
+
+@import "_footer";