nitpicks

HolodexNet · Nov 9, 2024 · bb713b9 · bb713b9
1 parent 0886c01
commit bb713b9
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 5 deletions.
diff --git a/packages/react/src/components/layout/InlayContainer.tsx b/packages/react/src/components/layout/InlayContainer.tsx
@@ -43,16 +43,18 @@ export function InlayContainer({ routes }: InlayContainerProps) {
           "flex flex-col gap-4": itemSelected,
         })}
       >
-        <div className="block w-full rounded-lg bg-base-2 p-2 md:hidden">
+        <div className="flex w-full flex-row items-center rounded-lg bg-base-2 p-2 md:hidden">
           <Button
             size="lg"
             variant="link"
-            className="w-full justify-start px-2"
+            className="w-12 justify-start px-2"
             onClick={() => navigate(-1)}
           >
             <div className="i-heroicons:chevron-left" />
-            {t("component.mainNav.back")}
           </Button>
+          <h2 className="mr-12 flex-1 text-center text-lg font-semibold md:text-2xl">
+            {routes.find(({ href }) => href === location.pathname)?.label}
+          </h2>
         </div>
         <div className="w-full rounded-lg bg-baseA-2 p-2 md:p-4 xl:p-8">
           <Suspense fallback={<Loading size="xl" />}>

diff --git a/packages/react/src/components/settings/SettingsItem.tsx b/packages/react/src/components/settings/SettingsItem.tsx
@@ -15,7 +15,7 @@ export function SettingsItem({
     <div className="my-2 flex flex-wrap justify-between gap-4 first:mt-0 last:mb-4 last:border-b-0">
       <h3
         className={
-          "mb-2 mt-3 text-2xl tracking-tight md:text-3xl " +
+          "mb-2 mt-3 text-2xl tracking-tight md:text-3xl ml-4 md:ml-0" +
           (fullWidth && " w-full")
         }
       >

diff --git a/packages/react/src/shadcn/ui/tabs.tsx b/packages/react/src/shadcn/ui/tabs.tsx
@@ -31,7 +31,7 @@ const TabsTrigger = React.forwardRef<
       "hover:bg-secondaryA-3",
       "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-secondary-8 focus-visible:ring-offset-2 ",
       "disabled:pointer-events-none disabled:opacity-50",
-      "data-[state=active]:bg-secondary-9 data-[state=active]:text-secondary-12 data-[state=active]:shadow",
+      "data-[state=active]:bg-secondary-9 data-[state=active]:text-secondary-solid data-[state=active]:shadow",
       className
     )}
     {...props}