Make status title correctly centered o nsmaller screens

This commit is contained in:
Antoine Jeanselme 2026-04-17 22:03:21 +02:00
parent 088502d12f
commit bc292bd806

View file

@ -200,11 +200,11 @@ export function RepositoriesPage() {
type="button" type="button"
variant="ghost" variant="ghost"
onClick={() => toggleSort("status")} onClick={() => toggleSort("status")}
className="h-auto! w-full! px-0! py-0! font-inherit hover:bg-transparent uppercase group/sort relative" className="h-auto! w-full! p-0! font-inherit hover:bg-transparent uppercase group/sort relative"
> >
<span className="relative flex w-full items-center justify-center"> <span className="relative flex w-full items-center justify-center">
Status Status
<span className="absolute -right-6 top-1/2 -translate-y-1/2 lg:invisible lg:group-hover/sort:visible"> <span className="lg:absolute lg:-right-6 lg:top-1/2 lg:-translate-y-1/2 lg:invisible lg:group-hover/sort:visible">
{renderSortIcon("status")} {renderSortIcon("status")}
</span> </span>
</span> </span>