push extra options to the right
All checks were successful
/ build (push) Successful in 4m34s

This commit is contained in:
Ruben 2025-10-27 13:26:14 -05:00
commit 0bd564c2ab
Signed by: sneexy
GPG key ID: 8ECFA045E63BC583
4 changed files with 43 additions and 19 deletions

View file

@ -18,7 +18,7 @@
<a button href="https://github.com/redlib-org/redlib" aria-label="Source">
<icon-tabler brand-git></icon-tabler>
</a>
<a button i2p href="http://synthoclokpnsxa2xloi5skskaltlbjjhpvadqrs7swz2vpqui4a.b32.i2p" aria-label="I2P">
<a right button i2p href="http://synthoclokpnsxa2xloi5skskaltlbjjhpvadqrs7swz2vpqui4a.b32.i2p" aria-label="I2P">
<icon-tabler vector></icon-tabler>
</a>
<a button yggdrasil href="http://reddit.ygg.synth.download" aria-label="Yggdrasil">
@ -47,7 +47,7 @@
<a button href="https://codeberg.org/safetwitch/safetwitch" aria-label="Source">
<icon-tabler brand-git></icon-tabler>
</a>
<a button i2p href="http://synthj6e6xw3kjn2ipd3cmcvu5oic4znsvnjfisdd775wbp3xbqa.b32.i2p" aria-label="I2P">
<a right button i2p href="http://synthj6e6xw3kjn2ipd3cmcvu5oic4znsvnjfisdd775wbp3xbqa.b32.i2p" aria-label="I2P">
<icon-tabler vector></icon-tabler>
</a>
<a button yggdrasil href="http://twitch.ygg.synth.download" aria-label="Yggdrasil">
@ -77,7 +77,7 @@
<a button href="https://codeberg.org/safetwitch/safetwitch" aria-label="Source">
<icon-tabler brand-git></icon-tabler>
</a>
<a button i2p href="http://synth5agr6rfgw2ff6vx2qnlcee7o2vryeyubgnbflukmaohdyda.b32.i2p" aria-label="I2P">
<a right button i2p href="http://synth5agr6rfgw2ff6vx2qnlcee7o2vryeyubgnbflukmaohdyda.b32.i2p" aria-label="I2P">
<icon-tabler vector></icon-tabler>
</a>
<a button yggdrasil href="http://searx.ygg.synth.download" aria-label="Yggdrasil">
@ -110,7 +110,7 @@
<a button href="https://activitypub.software/TransFem-org/Sharkey" aria-label="Source">
<icon-tabler brand-git></icon-tabler>
</a>
<a button i2p href="http://synthn43gye7ymvv7y63ru6lisoephszczlnojqlkz5ltwv66mta.b32.i2p" aria-label="I2P">
<a right button i2p href="http://synthn43gye7ymvv7y63ru6lisoephszczlnojqlkz5ltwv66mta.b32.i2p" aria-label="I2P">
<icon-tabler vector></icon-tabler>
</a>
<a button yggdrasil href="http://booping.ygg.synth.download" aria-label="Yggdrasil">
@ -143,7 +143,7 @@
<a button href="https://github.com/synth-download/mastodon" aria-label="Source">
<icon-tabler brand-git></icon-tabler>
</a>
<a button i2p href="http://synthn43gye7ymvv7y63ru6lisoephszczlnojqlkz5ltwv66mta.b32.i2p" aria-label="I2P">
<a right button i2p href="http://synthn43gye7ymvv7y63ru6lisoephszczlnojqlkz5ltwv66mta.b32.i2p" aria-label="I2P">
<icon-tabler vector></icon-tabler>
</a>
<a button yggdrasil href="http://merping.ygg.synth.download" aria-label="Yggdrasil">
@ -177,7 +177,7 @@
<a button href="https://iceshrimp.dev/iceshrimp/iceshrimp.net" aria-label="Source">
<icon-tabler brand-git></icon-tabler>
</a>
<a button i2p href="http://synthrfmxti7rfwfh4gg6n5qiwbt6x52qudys4hql6eafb6qexoa.b32.i2p" aria-label="I2P">
<a right button i2p href="http://synthrfmxti7rfwfh4gg6n5qiwbt6x52qudys4hql6eafb6qexoa.b32.i2p" aria-label="I2P">
<icon-tabler vector></icon-tabler>
</a>
<a button yggdrasil href="http://beeping.ygg.synth.download" aria-label="Yggdrasil">

View file

@ -94,7 +94,7 @@ h1, h2, h3, h4, h5, h6 {
color: var(--foreground);
margin-bottom: .8rem;
margin-top: 1.5rem;
padding-bottom: .2rem;
padding-bottom: .4rem;
transition: .2s;
& a {
@ -165,6 +165,12 @@ small a {
font-size: 0.875rem;
}
/* emoji */
[emoji] {
height: 1.5rem;
vertical-align: bottom;
}
/* lists need some styling */
ul {
margin-left: -1.3rem;
@ -358,6 +364,14 @@ card-container {
color: var(--blue);
}
}
img {
align-self: center;
border-radius: 10rem;
height: 1.2rem;
vertical-align: middle;
width: auto;
}
}
}
@ -388,19 +402,7 @@ card-container {
buttons-container {
margin-top: auto;
img {
align-self: center;
border-radius: 10rem;
height: 1.3rem;
vertical-align: middle;
width: auto;
}
a {
icon-tabler {
pointer-events: none;
}
&:has(img[src^="https://compliance"]) {
align-self: center;
font-size: 0;
@ -693,6 +695,22 @@ buttons-container {
display: flex;
flex-flow: row wrap;
gap: .4rem;
img {
align-self: center;
border-radius: 10rem;
height: 1.2rem;
vertical-align: middle;
width: auto;
}
a {
icon-tabler { pointer-events: none; }
}
[right] {
margin-left: auto;
}
}
[button] {

View file

@ -83,6 +83,7 @@
display: block;
padding: .8rem;
p:first-child { margin-top: 0; }
p:last-child { margin-bottom: 0; }
h1, h2, h3 { &:first-child { margin-top: 0; } }
}

View file

@ -0,0 +1,5 @@
article#instances {
card-container {
grid-template-columns: 1fr !important;
}
}