Ryan/docmost
1
0
Fork 0
mirror of https://github.com/docmost/docmost.git synced 2025-11-20 06:31:08 +10:00
Code Issues Packages Projects Releases Wiki Activity

UI fixes

Browse Source
This commit is contained in:
Philipinho
2025-09-04 11:35:04 -07:00
parent b08d37fbf0
commit 7d2ff346fa
7 changed files with 113 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
apps/client/src/features/user/components/page-state-pref.tsx
View File

@ -1,25 +1,28 @@
import { Group, Text, MantineSize, SegmentedControl } from "@mantine/core";
import { Text, MantineSize, SegmentedControl } from "@mantine/core";
import { useAtom } from "jotai";
import { userAtom } from "@/features/user/atoms/current-user-atom.ts";
import { updateUser } from "@/features/user/services/user-service.ts";
import React, { useCallback, useEffect, useState } from "react";
import { useTranslation } from "react-i18next";
import { PageEditMode } from "@/features/user/types/user.types.ts";
import { ResponsiveSettingsRow, ResponsiveSettingsContent, ResponsiveSettingsControl } from "@/components/ui/responsive-settings-row";
export default function PageStatePref() {
const { t } = useTranslation();
return (
<Group justify="space-between" wrap="nowrap" gap="xl">
<div>
<ResponsiveSettingsRow>
<ResponsiveSettingsContent>
<Text size="md">{t("Default page edit mode")}</Text>
<Text size="sm" c="dimmed">
{t("Choose your preferred page edit mode. Avoid accidental edits.")}
</Text>
</div>
</ResponsiveSettingsContent>
<PageStateSegmentedControl />
</Group>
<ResponsiveSettingsControl>
<PageStateSegmentedControl />
</ResponsiveSettingsControl>
</ResponsiveSettingsRow>
);
}

15
apps/client/src/features/user/components/page-width-pref.tsx
View File

@ -1,24 +1,27 @@
import { userAtom } from "@/features/user/atoms/current-user-atom.ts";
import { updateUser } from "@/features/user/services/user-service.ts";
import { Group, MantineSize, Switch, Text } from "@mantine/core";
import { MantineSize, Switch, Text } from "@mantine/core";
import { useAtom } from "jotai/index";
import React, { useState } from "react";
import { useTranslation } from "react-i18next";
import { ResponsiveSettingsRow, ResponsiveSettingsContent, ResponsiveSettingsControl } from "@/components/ui/responsive-settings-row";
export default function PageWidthPref() {
const { t } = useTranslation();
return (
<Group justify="space-between" wrap="nowrap" gap="xl">
<div>
<ResponsiveSettingsRow>
<ResponsiveSettingsContent>
<Text size="md">{t("Full page width")}</Text>
<Text size="sm" c="dimmed">
{t("Choose your preferred page width.")}
</Text>
</div>
</ResponsiveSettingsContent>
<PageWidthToggle />
</Group>
<ResponsiveSettingsControl>
<PageWidthToggle />
</ResponsiveSettingsControl>
</ResponsiveSettingsRow>
);
}

2
apps/client/src/features/workspace/components/members/components/workspace-invites-table.tsx
View File

@ -26,7 +26,7 @@ export default function WorkspaceInvitesTable() {
)}
</Alert>
<Table.ScrollContainer minWidth={500}>
<Table.ScrollContainer minWidth={600}>
<Table highlightOnHover verticalSpacing="sm">
<Table.Thead>
<Table.Tr>

4
apps/client/src/features/workspace/components/members/components/workspace-members-table.tsx
View File

@ -4,7 +4,7 @@ import {
useWorkspaceMembersQuery,
} from "@/features/workspace/queries/workspace-query.ts";
import { CustomAvatar } from "@/components/ui/custom-avatar.tsx";
import React, { useCallback, useRef, useState } from "react";
import React from "react";
import RoleSelectMenu from "@/components/ui/role-select-menu.tsx";
import {
getUserRoleLabel,
@ -54,7 +54,7 @@ export default function WorkspaceMembersTable() {
return (
<>
<SearchInput onSearch={handleSearch} />
<Table.ScrollContainer minWidth={500}>
<Table.ScrollContainer minWidth={600}>
<Table highlightOnHover verticalSpacing="sm">
<Table.Thead>
<Table.Tr>