changed things

This commit is contained in:
Heli-o 2024-04-20 16:14:53 +02:00
parent 156abe5306
commit 4d0e95ebf1
3 changed files with 22 additions and 18 deletions

View file

@ -1,7 +1,7 @@
# Fediring # Fediring
<a href="https://fediring.net/">Fediring</a> <a href="https://fediring.net/">Fediring</a>
<div style="display:flex; flex-flow: row wrap;"> <div style="display:flex; flex-flow: row wrap;">
<a class="fring-button" href="https://fediring.net/previous?host=nexie.net">Previous</a> <a class="fring-button" href="https://fediring.net/previous?host=nexie.net"></a>
<a class="fring-button" href="fediring.net/random">Random</a> <a class="fring-button" href="https://fediring.net/random">Random</a>
<a class="fring-button" href="https://fediring.net/next?host=nexie.net">Next</a> <a class="fring-button" href="https://fediring.net/next?host=nexie.net"></a>
</div> </div>

View file

@ -15,8 +15,8 @@ export default (() => {
const path = url.pathname as FullSlug const path = url.pathname as FullSlug
const baseDir = fileData.slug === "404" ? path : pathToRoot(fileData.slug!) const baseDir = fileData.slug === "404" ? path : pathToRoot(fileData.slug!)
const iconPath = "https://assets.nexie.net/favicon.svg" const iconPath = "https://assets.nexie.net/favicon.webp"
const ogImagePath = "https://assets.nexie.net/favicon.svg" const ogImagePath = "https://assets.nexie.net/favicon.webp"
return ( return (
<head> <head>

View file

@ -2,18 +2,22 @@
// put your custom CSS here! // put your custom CSS here!
.fring-button { .fring-button {
text-size: 0.9rem; text-size: 0.9rem !important;
border-radius: 16px; border-radius: 16px !important;
border:none; border:none !important;
background-color: rgba(100,100,100, 0.3); background-color: rgba(100,100,100, 0.3) !important;
padding: 0.4rem 0.8rem; padding: 0.4rem 0.8rem !important;
margin: 0.2rem 0.4rem; margin: 0.2rem 0.4rem !important;
text-decoration: none; text-decoration: none !important;
width: fit-content; width: fit-content !important;
height: fit-content; height: fit-content !important;
cursor:pointer; cursor:pointer !important;
}
.fring-button:hover { > svg {
background-color: rgba(100,100,100, 0.5); display:none !important;
}
&:hover{
background-color: rgba(100,100,100, 0.5) !important;
}
} }