centered pages and links

This commit is contained in:
marshennikovaolga
2024-09-11 11:49:24 +03:00
parent 266c29cae9
commit 1e0e139ad8
4 changed files with 3 additions and 3 deletions

BIN
bun.lockb

Binary file not shown.

View File

@@ -81,7 +81,7 @@ export const LinkItem: React.FC<LinkItemProps> = ({
onBlur={() => setActiveItemIndex(null)}
className={cn(
"relative cursor-default outline-none",
"grid grid-cols-[auto_1fr_auto] items-center gap-x-2 py-2 max-lg:px-4 sm:px-5 sm:py-2",
"mx-auto grid w-[98%] grid-cols-[auto_1fr_auto] items-center gap-x-2 rounded-lg p-2",
{
"bg-muted-foreground/5": isActive,
"hover:bg-muted/50": !isActive

View File

@@ -81,7 +81,7 @@ interface PageListItemsProps {
const PageListItems: React.FC<PageListItemsProps> = ({ listRef, setItemRef, personalPages, activeItemIndex }) => (
<Primitive.div
ref={listRef}
className="divide-primary/5 flex flex-1 flex-col divide-y overflow-y-auto outline-none [scrollbar-gutter:stable]"
className="divide-primary/5 mx-auto my-2 flex w-[99%] flex-1 flex-col divide-y overflow-y-auto outline-none [scrollbar-gutter:stable]"
tabIndex={-1}
role="list"
>

View File

@@ -22,7 +22,7 @@ export const PageItem = React.forwardRef<HTMLAnchorElement, PageItemProps>(({ pa
ref={ref}
tabIndex={isActive ? 0 : -1}
className={cn(
"relative block cursor-default outline-none",
"relative block cursor-default rounded-lg outline-none",
"h-12 items-center gap-x-2 py-2 max-lg:px-4 sm:px-6",
{
"bg-muted-foreground/10": isActive,