fixed rings hopefully

This commit is contained in:
Heli-o 2024-04-20 17:06:47 +02:00
parent 667f246d7f
commit 19584eaf66

View file

@ -7,9 +7,9 @@ const Rings: QuartzComponent = ({ fileData, cfg, displayClass }: QuartzComponent
const title = cfg?.pageTitle ?? i18n(cfg.locale).propertyDefaults.title const title = cfg?.pageTitle ?? i18n(cfg.locale).propertyDefaults.title
const baseDir = pathToRoot(fileData.slug!) const baseDir = pathToRoot(fileData.slug!)
return ( return (
<div class="homebar"> <div class="rings">
<div class="ring"> <div class="ring">
<a href ="https://fediring.net"><h2>Fediring:</h2></a> <a href ="https://fediring.net">Fediring:</a>
<a class="ringbtn" href="https://fediring.net/previous?host=nexie.net"></a> <a class="ringbtn" href="https://fediring.net/previous?host=nexie.net"></a>
<a class="ringbtn" href="https://fediring.net/random">Random</a> <a class="ringbtn" href="https://fediring.net/random">Random</a>
<a class="ringbtn" href="https://fediring.net/next?host=nexie.net"></a> <a class="ringbtn" href="https://fediring.net/next?host=nexie.net"></a>
@ -19,6 +19,10 @@ const Rings: QuartzComponent = ({ fileData, cfg, displayClass }: QuartzComponent
} }
Rings.css = ` Rings.css = `
.rings {
display:flex;
flex-direction: column;
}
.ring { .ring {
display:flex; display:flex;
flex-flow: row wrap; flex-flow: row wrap;