shiyue/kan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: adjust page max width

Browse Source
This commit is contained in:
Henry
2025-07-20 10:38:04 +01:00
parent 089723d748
commit 09066fa47d
5 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/web/src/components/SideNavigation.tsx
View File

@@ -95,7 +95,7 @@ export default function SideNavigation({
<div className="flex h-14 items-center justify-between pb-[18px] pt-1.5"> <div className="flex h-14 items-center justify-between pb-[18px] pt-1.5">
{!isCollapsed && ( {!isCollapsed && (
<Link href="/" className="block"> <Link href="/" className="block">
<h1 className="pl-2 text-lg font-bold tracking-tight text-neutral-700 dark:text-dark-1000"> <h1 className="pl-2 text-lg font-bold tracking-tight text-neutral-900 dark:text-dark-1000">
kan.bn kan.bn
</h1> </h1>
</Link> </Link>

4
apps/web/src/views/boards/components/BoardsList.tsx
View File

@@ -3,6 +3,7 @@ import { t } from "@lingui/core/macro";
import { HiOutlineRectangleStack } from "react-icons/hi2"; import { HiOutlineRectangleStack } from "react-icons/hi2";
import Button from "~/components/Button"; import Button from "~/components/Button";
import PatternedBackground from "~/components/PatternedBackground";
import { useModal } from "~/providers/modal"; import { useModal } from "~/providers/modal";
import { useWorkspace } from "~/providers/workspace"; import { useWorkspace } from "~/providers/workspace";
import { api } from "~/utils/api"; import { api } from "~/utils/api";
@@ -48,7 +49,8 @@ export function BoardsList() {
{data?.map((board) => ( {data?.map((board) => (
<Link key={board.publicId} href={`boards/${board.publicId}`}> <Link key={board.publicId} href={`boards/${board.publicId}`}>
<div className="align-center relative mr-5 flex h-[150px] w-full items-center justify-center rounded-md border border-dashed border-light-400 bg-light-50 shadow-sm hover:bg-light-200 dark:border-dark-600 dark:bg-dark-50 dark:hover:bg-dark-100"> <div className="align-center relative mr-5 flex h-[150px] w-full items-center justify-center rounded-md border border-dashed border-light-400 bg-light-50 shadow-sm hover:bg-light-200 dark:border-dark-600 dark:bg-dark-50 dark:hover:bg-dark-100">
<p className="text-md px-4 font-bold text-neutral-900 dark:text-dark-1000"> <PatternedBackground />
<p className="px-4 text-[14px] font-bold text-neutral-700 dark:text-dark-1000">
{board.name} {board.name}
</p> </p>
</div> </div>

4
apps/web/src/views/boards/index.tsx
View File

@@ -6,7 +6,6 @@ import FeedbackModal from "~/components/FeedbackModal";
import Modal from "~/components/modal"; import Modal from "~/components/modal";
import { NewWorkspaceForm } from "~/components/NewWorkspaceForm"; import { NewWorkspaceForm } from "~/components/NewWorkspaceForm";
import { PageHead } from "~/components/PageHead"; import { PageHead } from "~/components/PageHead";
import PatternedBackground from "~/components/PatternedBackground";
import { useModal } from "~/providers/modal"; import { useModal } from "~/providers/modal";
import { useWorkspace } from "~/providers/workspace"; import { useWorkspace } from "~/providers/workspace";
import { BoardsList } from "./components/BoardsList"; import { BoardsList } from "./components/BoardsList";
@@ -22,8 +21,7 @@ export default function BoardsPage() {
return ( return (
<> <>
<PageHead title={t`Boards | ${workspace.name ?? "Workspace"}`} /> <PageHead title={t`Boards | ${workspace.name ?? "Workspace"}`} />
<PatternedBackground /> <div className="m-auto h-full max-w-[1100px] p-6 px-5 md:px-28 md:py-12">
<div className="m-auto h-full max-w-[1200px] p-6 px-5 md:px-28 md:py-12">
<div className="relative z-10 mb-8 flex w-full items-center justify-between"> <div className="relative z-10 mb-8 flex w-full items-center justify-between">
<h1 className="font-bold tracking-tight text-neutral-900 dark:text-dark-1000 sm:text-[1.2rem]"> <h1 className="font-bold tracking-tight text-neutral-900 dark:text-dark-1000 sm:text-[1.2rem]">
{t`Boards`} {t`Boards`}

2
apps/web/src/views/members/index.tsx
View File

@@ -155,7 +155,7 @@ export default function MembersPage() {
return ( return (
<> <>
<PageHead title={t`Members | ${workspace.name ?? "Workspace"}`} /> <PageHead title={t`Members | ${workspace.name ?? "Workspace"}`} />
<div className="m-auto h-full max-w-[1200px] p-6 px-5 md:px-28 md:py-12"> <div className="m-auto h-full max-w-[1100px] p-6 px-5 md:px-28 md:py-12">
<div className="mb-8 flex w-full justify-between"> <div className="mb-8 flex w-full justify-between">
<h1 className="font-bold tracking-tight text-neutral-900 dark:text-dark-1000 sm:text-[1.2rem]"> <h1 className="font-bold tracking-tight text-neutral-900 dark:text-dark-1000 sm:text-[1.2rem]">
{t`Members`} {t`Members`}

2
apps/web/src/views/settings/index.tsx
View File

@@ -132,7 +132,7 @@ export default function SettingsPage() {
className="h-full max-h-[calc(100vdh-3rem)] overflow-y-auto md:max-h-[calc(100vdh-4rem)]" className="h-full max-h-[calc(100vdh-3rem)] overflow-y-auto md:max-h-[calc(100vdh-4rem)]"
> >
<PageHead title={t`Settings | ${workspace.name ?? "Workspace"}`} /> <PageHead title={t`Settings | ${workspace.name ?? "Workspace"}`} />
<div className="m-auto max-w-[1200px] px-5 py-6 md:px-28 md:py-12"> <div className="m-auto max-w-[1100px] px-5 py-6 md:px-28 md:py-12">
<div className="mb-8 flex w-full justify-between"> <div className="mb-8 flex w-full justify-between">
<h1 className="font-bold tracking-tight text-neutral-900 dark:text-dark-1000 sm:text-[1.2rem]"> <h1 className="font-bold tracking-tight text-neutral-900 dark:text-dark-1000 sm:text-[1.2rem]">
{t`Settings`} {t`Settings`}