Skip to content

Commit

Permalink
font fixes
Browse files Browse the repository at this point in the history
  • Loading branch information
@pogseal
pogseal committed Sep 5, 2024
1 parent 4de2a8c commit 6468c94
Show file tree
Hide file tree
Showing 4 changed files with 24 additions and 26 deletions.
36 changes: 17 additions & 19 deletions app/routes/_site+/_components/sidemenu/SideMenuLink.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,27 +1,25 @@
import { Link, NavLink, useLocation } from "@remix-run/react";
import { CSS } from "@dnd-kit/utilities";
import { Icon } from "~/components/Icon";
import { Avatar } from "~/components/Avatar";
import clsx from "clsx";
import { useState } from "react";
import {
DndContext,
DragEndEvent,
DragOverlay,
DragStartEvent,
closestCenter,
} from "@dnd-kit/core";

import type { DragEndEvent, DragStartEvent } from "@dnd-kit/core";
import { DndContext, DragOverlay, closestCenter } from "@dnd-kit/core";
import { restrictToVerticalAxis } from "@dnd-kit/modifiers";
import {
SortableContext,
useSortable,
arrayMove,
verticalListSortingStrategy,
} from "@dnd-kit/sortable";
import { SideMenuSectionNestedLink } from "./SideMenuSectionNestedLink";
import { CSS } from "@dnd-kit/utilities";
import { Link, useLocation } from "@remix-run/react";
import clsx from "clsx";
import { nanoid } from "nanoid";

import { Avatar } from "~/components/Avatar";
import { Icon } from "~/components/Icon";
import { Tooltip, TooltipTrigger, TooltipContent } from "~/components/Tooltip";

import { SideMenuSectionNestedLink } from "./SideMenuSectionNestedLink";

export function SideMenuLink({
link,
setMenu,
Expand Down Expand Up @@ -199,7 +197,7 @@ export function SideMenuLink({
value={linkName}
onChange={(e) => setLinkName(e.target.value)}
className="bg-transparent w-full max-w-full focus:ring-1 bg-white ring-zinc-300
dark:ring-zinc-500 dark:bg-dark450 rounded text-[13px] border border-zinc-300
dark:ring-zinc-500 dark:bg-dark450 rounded text-sm border border-zinc-300
font-semibold text-zinc-500 dark:text-zinc-300 focus:outline-none px-1 dark:border-zinc-600"
/>
</div>
Expand All @@ -209,7 +207,7 @@ export function SideMenuLink({
value={linkPath}
onChange={(e) => setLinkPath(e.target.value)}
className="bg-transparent w-full max-w-full focus:ring-1 bg-white ring-zinc-300
dark:ring-zinc-500 dark:bg-dark450 rounded text-[13px] border border-zinc-300
dark:ring-zinc-500 dark:bg-dark450 rounded text-sm border border-zinc-300
font-semibold text-zinc-500 dark:text-zinc-300 focus:outline-none px-1 dark:border-zinc-600"
/>
</div>
Expand All @@ -225,7 +223,7 @@ export function SideMenuLink({
src={link.icon}
options="aspect_ratio=1:1&height=120&width=120"
/>
<span className="text-[13px] font-semibold text-zinc-500 dark:text-zinc-400 truncate">
<span className="text-sm font-semibold text-zinc-500 dark:text-zinc-400 truncate">
{link.name}
</span>
<Icon
Expand Down Expand Up @@ -263,7 +261,7 @@ export function SideMenuLink({
value={linkName}
onChange={(e) => setLinkName(e.target.value)}
className="bg-transparent w-full max-w-full focus:ring-1 bg-white ring-zinc-300
dark:ring-zinc-500 dark:bg-dark450 rounded text-[13px] border border-zinc-300
dark:ring-zinc-500 dark:bg-dark450 rounded text-sm border border-zinc-300
font-semibold text-zinc-500 dark:text-zinc-300 focus:outline-none px-1 dark:border-zinc-600"
/>
</div>
Expand All @@ -273,7 +271,7 @@ export function SideMenuLink({
value={linkPath}
onChange={(e) => setLinkPath(e.target.value)}
className="bg-transparent w-full max-w-full focus:ring-1 bg-white ring-zinc-300
dark:ring-zinc-500 dark:bg-dark450 rounded text-[13px] border border-zinc-300
dark:ring-zinc-500 dark:bg-dark450 rounded text-sm border border-zinc-300
font-semibold text-zinc-500 dark:text-zinc-300 focus:outline-none px-1 dark:border-zinc-600"
/>
</div>
Expand All @@ -285,7 +283,7 @@ export function SideMenuLink({
src={link.icon}
options="aspect_ratio=1:1&height=120&width=120"
/>
<span className="text-[13px] font-semibold text-zinc-500 dark:text-zinc-400">
<span className="text-sm font-semibold text-zinc-500 dark:text-zinc-400">
{link.name}
</span>
</Link>
Expand Down
6 changes: 3 additions & 3 deletions app/routes/_site+/_components/sidemenu/SideMenuSectionNestedLink.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -143,7 +143,7 @@ export function SideMenuSectionNestedLink({
value={linkName}
onChange={(e) => setLinkName(e.target.value)}
className="bg-transparent w-full max-w-full focus:ring-1 bg-white ring-zinc-300
dark:ring-zinc-500 dark:bg-dark450 rounded text-[13px] border border-zinc-300
dark:ring-zinc-500 dark:bg-dark450 rounded text-sm border border-zinc-300
font-semibold text-zinc-500 dark:text-zinc-300 focus:outline-none px-1 dark:border-zinc-600"
/>
</div>
Expand All @@ -153,7 +153,7 @@ export function SideMenuSectionNestedLink({
value={linkPath}
onChange={(e) => setLinkPath(e.target.value)}
className="bg-transparent w-full max-w-full focus:ring-1 bg-white ring-zinc-300
dark:ring-zinc-500 dark:bg-dark450 rounded text-[13px] border border-zinc-300
dark:ring-zinc-500 dark:bg-dark450 rounded text-sm border border-zinc-300
font-semibold text-zinc-500 dark:text-zinc-300 focus:outline-none px-1 dark:border-zinc-600"
/>
</div>
Expand All @@ -163,7 +163,7 @@ export function SideMenuSectionNestedLink({
to={nestedSection.path}
className="flex items-center w-full justify-between gap-2 truncate h-6"
>
<span className="text-[13px] font-semibold text-zinc-500 dark:text-zinc-400 truncate">
<span className="text-sm font-semibold text-zinc-500 dark:text-zinc-400 truncate">
{nestedSection.name}
</span>
<Avatar
Expand Down
6 changes: 3 additions & 3 deletions app/routes/_site+/_components/sidemenu/ViewSideMenu.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -53,7 +53,7 @@ function ViewSideMenuLink({ link }: { link: any }) {
src={link.icon}
options="aspect_ratio=1:1&height=120&width=120"
/>
<span className="text-[13px] font-semibold text-zinc-500 dark:text-zinc-400 truncate">
<span className="text-sm font-semibold text-zinc-500 dark:text-zinc-400 truncate">
{link.name}
</span>
<Icon
Expand All @@ -79,7 +79,7 @@ function ViewSideMenuLink({ link }: { link: any }) {
src={link.icon}
options="aspect_ratio=1:1&height=120&width=120"
/>
<span className="text-[13px] font-semibold text-zinc-500 dark:text-zinc-400">
<span className="text-sm font-semibold text-zinc-500 dark:text-zinc-400">
{link.name}
</span>
</Link>
Expand All @@ -96,7 +96,7 @@ function ViewSideMenuLink({ link }: { link: any }) {
"pl-2 pr-1 py-1 justify-between w-full flex items-center gap-2 truncate rounded-lg hover:bg-zinc-100 dark:hover:bg-dark350",
)}
>
<span className="text-[13px] font-semibold text-zinc-500 dark:text-zinc-400 truncate">
<span className="text-sm font-semibold text-zinc-500 dark:text-zinc-400 truncate">
{linkRow.name}
</span>
<Avatar
Expand Down
2 changes: 1 addition & 1 deletion app/routes/_site+/c_+/_components/ListFilters.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -47,7 +47,7 @@ export function ListFilters({
}, [debouncedSearchQuery]);

return (
<div className="flex items-center justify-between w-full pt-3 gap-3 sticky z-20 top-[61px] bg-3">
<div className="flex items-center justify-between w-full py-3 gap-3 sticky z-20 top-[61px] bg-3">
<div
className="overflow-hidden bg-3 dark:border-zinc-600 shadow-sm dark:shadow-zinc-800/80 rounded-md dark:divide-zinc-600
border border-zinc-300/80 h-9 grid grid-cols-2 flex-none divide-x divide-zinc-300/80"
Expand Down

0 comments on commit 6468c94

Please sign in to comment.