ulysia/site
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

changed classes

Browse source
This commit is contained in:
Heli-o 2024-04-07 16:24:57 +02:00
parent c22b66be70
commit f272cb929b
1 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
quartz/components/Homebar.tsx
View file

@ -8,11 +8,11 @@ const Homebar: QuartzComponent = ({ fileData, cfg, displayClass }: QuartzCompone
const baseDir = pathToRoot(fileData.slug!) const baseDir = pathToRoot(fileData.slug!)
return ( return (
<div class="homebar"> <div class="homebar">
<a href="index">Home</a> <a class="hb-button" href="index">Home</a>
<a href="Characters">Characters</a> <a class="hb-button" href="Characters">Characters</a>
<a href="Links">Where you can find me</a> <a class="hb-button" href="Links">Where you can find me</a>
<a href="Projects">Projects</a> <a class="hb-button" href="Projects">Projects</a>
<a href="Articles">Articles</a> <a class="hb-button" href="Articles">Articles</a>
</div> </div>
) )
} }
@ -23,7 +23,7 @@ Homebar.css = `
display: flex; display: flex;
flex-direction: row; flex-direction: row;
} }
.homebar > a { .hb-button {
border-radius: 25%; border-radius: 25%;
background-color: rgba(100,100,100, 0.3); background-color: rgba(100,100,100, 0.3);
padding: 0.2rem 0.4rem; padding: 0.2rem 0.4rem;
@ -32,7 +32,7 @@ Homebar.css = `
width: fit-content; width: fit-content;
height: fit-content; height: fit-content;
} }
.homebar > a:hover { .hb-button:hover {
background-color: rgba(100,100,100, 0.5); background-color: rgba(100,100,100, 0.5);
} }
` `