UI tweaks

This commit is contained in:
Philipinho
2026-03-02 22:56:05 +00:00
parent 68842dbea2
commit 628b08339a
5 changed files with 88 additions and 42 deletions
@@ -1,39 +1,76 @@
import { Group, Table, ThemeIcon } from "@mantine/core";
import { Group, List, Stack, Table, Text, ThemeIcon } from "@mantine/core";
import { IconCheck } from "@tabler/icons-react";
const enterpriseFeatures = [
"SSO (SAML, OIDC, LDAP)",
"Multi-factor Authentication",
"Page-level Permissions",
"Audit Logs",
"API Keys",
"AI Integration",
"MCP Support",
"Advanced Search Engine Support",
"Full-text Search in Attachments (PDF, DOCX)",
"Resolve Comments",
"Confluence Import",
"DOCX Import",
];
export default function OssDetails() {
return (
<Table.ScrollContainer minWidth={500} py="md">
<Table
variant="vertical"
verticalSpacing="sm"
layout="fixed"
withTableBorder
>
<Table.Caption>
To unlock enterprise features like SSO, AI, Page-level permissions, SSO, MFA, Resolve comments, contact sales@docmost.com.
</Table.Caption>
<Table.Tbody>
<Table.Tr>
<Table.Th w={160}>Edition</Table.Th>
<Table.Td>
<Group wrap="nowrap">
Open Source
<div>
<ThemeIcon
color="green"
variant="light"
size={24}
radius="xl"
>
<IconCheck size={16} />
</ThemeIcon>
</div>
</Group>
</Table.Td>
</Table.Tr>
</Table.Tbody>
</Table>
</Table.ScrollContainer>
<Stack gap="lg">
<Table.ScrollContainer minWidth={500} py="md">
<Table
variant="vertical"
verticalSpacing="sm"
layout="fixed"
withTableBorder
>
<Table.Tbody>
<Table.Tr>
<Table.Th w={160}>Edition</Table.Th>
<Table.Td>
<Group wrap="nowrap">
Open Source
<div>
<ThemeIcon
color="green"
variant="light"
size={24}
radius="xl"
>
<IconCheck size={16} />
</ThemeIcon>
</div>
</Group>
</Table.Td>
</Table.Tr>
</Table.Tbody>
</Table>
</Table.ScrollContainer>
<Stack gap="md">
<Text fw={500}>Upgrade to the Enterprise Edition to unlock:</Text>
<List
spacing={4}
size="sm"
icon={
<ThemeIcon size={20} color={"gray"} radius="xl">
<IconCheck size={14} />
</ThemeIcon>
}
>
{enterpriseFeatures.map((feature) => (
<List.Item key={feature}>{feature}</List.Item>
))}
</List>
<Text size="sm" c="dimmed">
Contact <a href="mailto:sales@docmost.com">sales@docmost.com </a> for
enquiries.
</Text>
</Stack>
</Stack>
);
}