Redesign mostly done

This commit is contained in:
Firq 2023-03-04 19:11:52 +01:00
parent a5521b479e
commit 8d2ef10fb7
Signed by: Firq
GPG key ID: 3ACC61C8CEC83C20
24 changed files with 204 additions and 145 deletions
src/components

View file

@ -0,0 +1,50 @@
---
export interface Props {
currentPage?: string;
link: string;
text: string;
icon: string;
}
const {icon, text, link, currentPage } = Astro.props;
let currPage = "";
if (currentPage === link.replace(new RegExp('/', 'g'), "")) {
currPage = "current"
} else if (currentPage === "home" && link === "/") {
currPage = "current"
}
---
<li>
<a href={link} rel="noopener noreferrer" aria-label={text} class={currPage}>
<i class={icon}></i>
{text}
</a>
</li>
<style>
li {
align-items: center;
justify-content: center;
text-align: left;
display: flex;
width: 200px;
}
li > a {
color: white;
text-decoration: none;
justify-content: center;
align-items: center;
font-size: 1.4em;
height: 100%;
font-weight: bold;
}
li > a:hover{
color: #551a8b;
}
.current {
color: #b86cffed;
}
</style>