sinvo/docmost
1
0
Fork 0
mirror of https://github.com/docmost/docmost.git synced 2026-05-07 06:23:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: UI improvements

Browse Source
This commit is contained in:
Philipinho
2026-01-19 21:05:34 +00:00
parent bdf02f593d
commit a1260188ae
6 changed files with 70 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/client/src/features/space/components/space-list.tsx
+3 -2
View File
@@ -8,6 +8,7 @@ import { useTranslation } from "react-i18next";
import Paginate from "@/components/common/paginate.tsx";
import { CustomAvatar } from "@/components/ui/custom-avatar.tsx";
import { AvatarIconType } from "@/features/attachments/types/attachment.types.ts";
import { AutoTooltipText } from "@/components/ui/auto-tooltip-text.tsx";
export default function SpaceList() {
const { t } = useTranslation();
@@ -49,9 +50,9 @@ export default function SpaceList() {
name={space.name}
/>
<div style={{ minWidth: 0, overflow: "hidden" }}>
<Text fz="sm" fw={500} lineClamp={1}>
<AutoTooltipText fz="sm" fw={500} lineClamp={1}>
{space.name}
</Text>
</AutoTooltipText>
<Text fz="xs" c="dimmed" lineClamp={2}>
{space.description}
</Text>
apps/client/src/features/space/components/space-members.tsx
+4 -3
View File
@@ -27,6 +27,7 @@ import { useTranslation } from "react-i18next";
import Paginate from "@/components/common/paginate.tsx";
import { SearchInput } from "@/components/common/search-input.tsx";
import { usePaginateAndSearch } from "@/hooks/use-paginate-and-search.tsx";
import { AutoTooltipText } from "@/components/ui/auto-tooltip-text.tsx";
type MemberType = "user" | "group";
@@ -138,10 +139,10 @@ export default function SpaceMembersList({
{member.type === "group" && <IconGroupCircle />}
<div>
<Text fz="sm" fw={500} lineClamp={1}>
<div style={{ minWidth: 0, overflow: "hidden", maxWidth: 260 }}>
<AutoTooltipText fz="sm" fw={500}>
{member?.name}
</Text>
</AutoTooltipText>
<Text fz="xs" c="dimmed">
{member.type == "user" && member?.email}
apps/client/src/features/space/components/spaces-page/all-spaces-list.tsx
+4 -3
View File
@@ -23,6 +23,7 @@ import SpaceSettingsModal from "@/features/space/components/settings-modal";
import classes from "./all-spaces-list.module.css";
import { CustomAvatar } from "@/components/ui/custom-avatar.tsx";
import { AvatarIconType } from "@/features/attachments/types/attachment.types.ts";
import { AutoTooltipText } from "@/components/ui/auto-tooltip-text.tsx";
interface AllSpacesListProps {
spaces: any[];
@@ -96,10 +97,10 @@ export default function AllSpacesList({
variant="filled"
size="md"
/>
<div>
<Text fz="sm" fw={500} lineClamp={1}>
<div style={{ minWidth: 0, overflow: "hidden", maxWidth: 350 }}>
<AutoTooltipText fz="sm" fw={500} lineClamp={1}>
{space.name}
</Text>
</AutoTooltipText>
{space.description && (
<Text fz="xs" c="dimmed" lineClamp={2}>
{space.description}