Merge branch 'fix-pinned-instances' into 'main'
fix issue with instance pin overflow, restyle See merge request soapbox-pub/soapbox!3076
This commit is contained in:
commit
13d3c65b3a
|
@ -15,13 +15,14 @@ const PinnedHostsPicker: React.FC<IPinnedHostsPicker> = ({ host: activeHost }) =
|
||||||
if (!pinnedHosts.length) return null;
|
if (!pinnedHosts.length) return null;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<HStack className='mb-4' space={2}>
|
<HStack className='mb-4 flex-wrap items-start justify-evenly'>
|
||||||
{pinnedHosts.map((host) => (
|
{pinnedHosts.map((host) => (
|
||||||
<Button
|
<Button
|
||||||
key={host}
|
key={host}
|
||||||
to={`/timeline/${host}`}
|
to={`/timeline/${host}`}
|
||||||
size='sm'
|
size='sm'
|
||||||
theme={host === activeHost ? 'accent' : 'secondary'}
|
theme={host === activeHost ? 'accent' : 'secondary'}
|
||||||
|
className='m-1 w-40 p-1'
|
||||||
>
|
>
|
||||||
{host}
|
{host}
|
||||||
</Button>
|
</Button>
|
||||||
|
|
Loading…
Reference in New Issue