mirror of
https://github.com/inventree/InvenTree.git
synced 2025-08-07 04:12:11 +00:00
fix group aligment
This commit is contained in:
@@ -118,7 +118,7 @@ export function AuthenticationForm() {
|
||||
{...classicForm.getInputProps('password')}
|
||||
/>
|
||||
{auth_settings?.password_forgotten_enabled === true && (
|
||||
<Group justify="apart" mt="0">
|
||||
<Group justify="space-between" mt="0">
|
||||
<Anchor
|
||||
component="button"
|
||||
type="button"
|
||||
@@ -143,7 +143,7 @@ export function AuthenticationForm() {
|
||||
</Stack>
|
||||
)}
|
||||
|
||||
<Group justify="apart" mt="xl">
|
||||
<Group justify="space-between" mt="xl">
|
||||
<Anchor
|
||||
component="button"
|
||||
type="button"
|
||||
@@ -256,7 +256,7 @@ export function RegistrationForm() {
|
||||
/>
|
||||
</Stack>
|
||||
|
||||
<Group justify="apart" mt="xl">
|
||||
<Group justify="space-between" mt="xl">
|
||||
<Button
|
||||
type="submit"
|
||||
disabled={isRegistering}
|
||||
|
@@ -19,7 +19,7 @@ export function StatisticItem({
|
||||
return (
|
||||
<Paper withBorder p="xs" key={id} pos="relative">
|
||||
<LoadingOverlay visible={isLoading} overlayProps={{ blur: 2 }} />
|
||||
<Group justify="apart">
|
||||
<Group justify="space-between">
|
||||
<Text size="xs" color="dimmed" className={classes.dashboardItemTitle}>
|
||||
{data.title}
|
||||
</Text>
|
||||
|
@@ -43,7 +43,7 @@ export function InfoItem({
|
||||
}
|
||||
|
||||
return (
|
||||
<Group justify="apart">
|
||||
<Group justify="space-between">
|
||||
<Text fz="sm" fw={700}>
|
||||
{name}:
|
||||
</Text>
|
||||
|
@@ -59,7 +59,7 @@ export function AboutInvenTreeModal({
|
||||
<tr key={idx}>
|
||||
<td>{map.title}</td>
|
||||
<td>
|
||||
<Group justify="apart" gap="xs">
|
||||
<Group justify="space-between" gap="xs">
|
||||
{alwaysLink ? (
|
||||
<Anchor href={data[map.ref]} target="_blank">
|
||||
{data[map.ref]}
|
||||
@@ -177,7 +177,7 @@ export function AboutInvenTreeModal({
|
||||
</tbody>
|
||||
</Table>
|
||||
<Divider />
|
||||
<Group justify="apart">
|
||||
<Group justify="space-between">
|
||||
<CopyButton
|
||||
value={copyval}
|
||||
label={<Trans>Copy version information</Trans>}
|
||||
|
@@ -25,7 +25,7 @@ export function LicenceView(entries: Readonly<any[]>) {
|
||||
{entries?.map((entry: any, index: number) => (
|
||||
<Accordion.Item key={entry.name} value={`entry-${index}`}>
|
||||
<Accordion.Control>
|
||||
<Group justify="apart" grow>
|
||||
<Group justify="space-between" grow>
|
||||
<Text>{entry.name}</Text>
|
||||
<Text>{entry.license}</Text>
|
||||
<Space />
|
||||
|
@@ -88,7 +88,7 @@ export function Header() {
|
||||
}}
|
||||
/>
|
||||
<Container className={classes.layoutHeaderSection} size="100%">
|
||||
<Group justify="apart">
|
||||
<Group justify="space-between">
|
||||
<Group>
|
||||
<NavHoverMenu openDrawer={openNavDrawer} />
|
||||
<NavTabs />
|
||||
|
@@ -58,7 +58,7 @@ export function NavHoverMenu({
|
||||
</HoverCard.Target>
|
||||
|
||||
<HoverCard.Dropdown style={{ overflow: 'hidden' }}>
|
||||
<Group justify="apart" px="md">
|
||||
<Group justify="space-between" px="md">
|
||||
<ActionIcon
|
||||
onClick={openDrawer}
|
||||
onMouseOver={openDrawer}
|
||||
@@ -96,7 +96,7 @@ export function NavHoverMenu({
|
||||
/>
|
||||
<MenuLinks links={onlyItems} highlighted={true} />
|
||||
<div className={classes.headerDropdownFooter}>
|
||||
<Group justify="apart">
|
||||
<Group justify="space-between">
|
||||
<div>
|
||||
<Text fw={500} fz="sm">
|
||||
<Trans>Get started</Trans>
|
||||
|
@@ -66,7 +66,7 @@ export function NotificationDrawer({
|
||||
}
|
||||
}}
|
||||
title={
|
||||
<Group justify="apart" wrap="nowrap">
|
||||
<Group justify="space-between" wrap="nowrap">
|
||||
<StylishText size="lg">{t`Notifications`}</StylishText>
|
||||
<ActionIcon
|
||||
onClick={() => {
|
||||
@@ -89,7 +89,7 @@ export function NotificationDrawer({
|
||||
</Alert>
|
||||
)}
|
||||
{notificationQuery.data?.results?.map((notification: any) => (
|
||||
<Group justify="apart" key={notification.pk}>
|
||||
<Group justify="space-between" key={notification.pk}>
|
||||
<Stack gap="3">
|
||||
{notification?.target?.link ? (
|
||||
<Text
|
||||
|
@@ -43,7 +43,7 @@ export function PageDetail({
|
||||
)}
|
||||
<Paper p="xs" radius="xs" shadow="xs">
|
||||
<Stack gap="xs">
|
||||
<Group justify="apart" wrap="nowrap">
|
||||
<Group justify="space-between" wrap="nowrap">
|
||||
<Group justify="left" wrap="nowrap">
|
||||
{imageUrl && (
|
||||
<ApiImage src={imageUrl} radius="sm" h={64} w={64} />
|
||||
|
@@ -54,7 +54,7 @@ export function PartCategoryTree({
|
||||
function renderNode({ node }: { node: any }) {
|
||||
return (
|
||||
<Group
|
||||
justify="apart"
|
||||
justify="space-between"
|
||||
key={node.id}
|
||||
wrap="nowrap"
|
||||
onClick={() => {
|
||||
|
@@ -68,7 +68,7 @@ function QueryResultGroup({
|
||||
return (
|
||||
<Paper shadow="sm" radius="xs" p="md" key={`paper-${query.model}`}>
|
||||
<Stack key={`stack-${query.model}`}>
|
||||
<Group justify="apart" wrap="nowrap">
|
||||
<Group justify="space-between" wrap="nowrap">
|
||||
<Group justify="left" gap={5} wrap="nowrap">
|
||||
<Text size="lg">{model.label_multiple}</Text>
|
||||
<Text size="sm" style={{ fontStyle: 'italic' }}>
|
||||
@@ -331,7 +331,7 @@ export function SearchDrawer({
|
||||
withCloseButton={false}
|
||||
styles={{ header: { width: '100%' }, title: { width: '100%' } }}
|
||||
title={
|
||||
<Group justify="apart" gap={1} wrap="nowrap">
|
||||
<Group justify="space-between" gap={1} wrap="nowrap">
|
||||
<TextInput
|
||||
placeholder={t`Enter search text`}
|
||||
radius="xs"
|
||||
|
@@ -51,7 +51,7 @@ export function StockLocationTree({
|
||||
function renderNode({ node }: { node: any }) {
|
||||
return (
|
||||
<Group
|
||||
justify="apart"
|
||||
justify="space-between"
|
||||
key={node.id}
|
||||
wrap="nowrap"
|
||||
onClick={() => {
|
||||
|
@@ -113,7 +113,7 @@ export function RenderInlineModel({
|
||||
// TODO: Handle URL
|
||||
|
||||
return (
|
||||
<Group gap="xs" justify="apart" wrap="nowrap">
|
||||
<Group gap="xs" justify="space-between" wrap="nowrap">
|
||||
<Group gap="xs" justify="left" wrap="nowrap">
|
||||
{image && Thumbnail({ src: image, size: 18 })}
|
||||
<Text size="sm">{primary}</Text>
|
||||
|
@@ -178,7 +178,7 @@ export function SettingItem({
|
||||
|
||||
return (
|
||||
<Paper style={style}>
|
||||
<Group justify="apart" p="3">
|
||||
<Group justify="space-between" p="3">
|
||||
<Stack gap="2" p="4px">
|
||||
<Text>
|
||||
{setting.name}
|
||||
|
@@ -273,7 +273,7 @@ export default function Scan() {
|
||||
// rendering
|
||||
return (
|
||||
<>
|
||||
<Group justify="apart">
|
||||
<Group justify="space-between">
|
||||
<Group justify="left">
|
||||
<StylishText>
|
||||
<Trans>Scan Page</Trans>
|
||||
@@ -291,7 +291,7 @@ export default function Scan() {
|
||||
<Grid.Col span={4}>
|
||||
<Stack>
|
||||
<Stack gap="xs">
|
||||
<Group justify="apart">
|
||||
<Group justify="space-between">
|
||||
<TitleWithDoc
|
||||
order={3}
|
||||
text={t`Select the input method you want to use to scan items.`}
|
||||
@@ -361,7 +361,7 @@ export default function Scan() {
|
||||
</Stack>
|
||||
</Grid.Col>
|
||||
<Grid.Col span={8}>
|
||||
<Group justify="apart">
|
||||
<Group justify="space-between">
|
||||
<TitleWithDoc
|
||||
order={3}
|
||||
text={t`History is locally kept in this browser.`}
|
||||
|
@@ -137,7 +137,7 @@ function EmailContent({}: {}) {
|
||||
key={link.id}
|
||||
value={String(link.id)}
|
||||
label={
|
||||
<Group justify="apart">
|
||||
<Group justify="space-between">
|
||||
{link.email}
|
||||
{link.primary && (
|
||||
<Badge color="blue">
|
||||
@@ -251,7 +251,7 @@ function SsoContent({ dataProvider }: { dataProvider: any | undefined }) {
|
||||
variant="outline"
|
||||
disabled={!provider.configured}
|
||||
>
|
||||
<Group justify="apart">
|
||||
<Group justify="space-between">
|
||||
{provider.display_name}
|
||||
{provider.configured == false && <IconAlertCircle />}
|
||||
</Group>
|
||||
|
@@ -64,7 +64,7 @@ export default function PurchaseHistoryPanel({
|
||||
let units = record.supplier_part_detail?.pack_quantity;
|
||||
|
||||
return (
|
||||
<Group justify="apart" gap="xs">
|
||||
<Group justify="space-between" gap="xs">
|
||||
<Text>{price}</Text>
|
||||
{units && <Text size="xs">[{units}]</Text>}
|
||||
</Group>
|
||||
@@ -85,7 +85,7 @@ export default function PurchaseHistoryPanel({
|
||||
let units = record.part_detail?.units;
|
||||
|
||||
return (
|
||||
<Group justify="apart" gap="xs">
|
||||
<Group justify="space-between" gap="xs">
|
||||
<Text>{price}</Text>
|
||||
{units && <Text size="xs">[{units}]</Text>}
|
||||
</Group>
|
||||
|
@@ -41,7 +41,7 @@ function FilterItem({
|
||||
|
||||
return (
|
||||
<Paper p="sm" shadow="sm" radius="xs">
|
||||
<Group justify="apart" key={flt.name}>
|
||||
<Group justify="space-between" key={flt.name}>
|
||||
<Stack gap="xs">
|
||||
<Text size="sm">{flt.label}</Text>
|
||||
<Text size="xs">{flt.description}</Text>
|
||||
|
@@ -551,7 +551,7 @@ export function InvenTreeTable<T = any>({
|
||||
/>
|
||||
)}
|
||||
<Stack gap="sm">
|
||||
<Group justify="apart">
|
||||
<Group justify="space-between">
|
||||
<Group justify="left" key="custom-actions" gap={5}>
|
||||
{tableProps.tableActions?.map((group, idx) => (
|
||||
<Fragment key={idx}>{group}</Fragment>
|
||||
|
@@ -29,7 +29,7 @@ export function TableHoverCard({
|
||||
return (
|
||||
<HoverCard withinPortal={true}>
|
||||
<HoverCard.Target>
|
||||
<Group gap="xs" justify="apart" wrap="nowrap">
|
||||
<Group gap="xs" justify="space-between" wrap="nowrap">
|
||||
{value}
|
||||
<IconInfoCircle size="16" color="blue" />
|
||||
</Group>
|
||||
|
@@ -146,7 +146,7 @@ export default function BuildLineTable({ params = {} }: { params?: any }) {
|
||||
ordering: 'unit_quantity',
|
||||
render: (record: any) => {
|
||||
return (
|
||||
<Group justify="apart">
|
||||
<Group justify="space-between">
|
||||
<Text>{record.bom_item_detail?.quantity}</Text>
|
||||
{record?.part_detail?.units && (
|
||||
<Text size="xs">[{record.part_detail.units}]</Text>
|
||||
@@ -160,7 +160,7 @@ export default function BuildLineTable({ params = {} }: { params?: any }) {
|
||||
sortable: true,
|
||||
render: (record: any) => {
|
||||
return (
|
||||
<Group justify="apart">
|
||||
<Group justify="space-between">
|
||||
<Text>{record.quantity}</Text>
|
||||
{record?.part_detail?.units && (
|
||||
<Text size="xs">[{record.part_detail.units}]</Text>
|
||||
|
@@ -54,7 +54,7 @@ function attachmentTableColumns(): TableColumn[] {
|
||||
|
||||
render: function (record: any) {
|
||||
return (
|
||||
<Group justify="apart">
|
||||
<Group justify="space-between">
|
||||
<Text>{record.upload_date}</Text>
|
||||
{record.user_detail && (
|
||||
<Badge size="xs">{record.user_detail.username}</Badge>
|
||||
|
@@ -207,7 +207,7 @@ function MachineDrawer({
|
||||
|
||||
return (
|
||||
<Stack gap="xs">
|
||||
<Group justify="apart">
|
||||
<Group justify="space-between">
|
||||
<Box></Box>
|
||||
|
||||
<Group>
|
||||
@@ -278,7 +278,7 @@ function MachineDrawer({
|
||||
|
||||
<Card withBorder>
|
||||
<Stack gap="md">
|
||||
<Group justify="apart">
|
||||
<Group justify="space-between">
|
||||
<Title order={4}>
|
||||
<Trans>Machine information</Trans>
|
||||
</Title>
|
||||
@@ -336,7 +336,7 @@ function MachineDrawer({
|
||||
<Text fz="sm">{machine?.status_text}</Text>
|
||||
</Flex>
|
||||
</InfoItem>
|
||||
<Group justify="apart" gap="xs">
|
||||
<Group justify="space-between" gap="xs">
|
||||
<Text fz="sm" fw={700}>
|
||||
<Trans>Errors</Trans>:
|
||||
</Text>
|
||||
|
@@ -92,7 +92,7 @@ function MachineTypeDrawer({ machineTypeSlug }: { machineTypeSlug: string }) {
|
||||
|
||||
<Card withBorder>
|
||||
<Stack gap="md">
|
||||
<Group justify="apart">
|
||||
<Group justify="space-between">
|
||||
<Title order={4}>
|
||||
<Trans>Machine type information</Trans>
|
||||
</Title>
|
||||
@@ -199,7 +199,7 @@ function MachineDriverDrawer({
|
||||
|
||||
<Card withBorder>
|
||||
<Stack gap="md">
|
||||
<Group justify="apart">
|
||||
<Group justify="space-between">
|
||||
<Title order={4}>
|
||||
<Trans>Machine driver information</Trans>
|
||||
</Title>
|
||||
@@ -256,7 +256,7 @@ function MachineDriverDrawer({
|
||||
value={machineDriver?.is_builtin}
|
||||
type="boolean"
|
||||
/>
|
||||
<Group justify="apart" gap="xs">
|
||||
<Group justify="space-between" gap="xs">
|
||||
<Text fz="sm" fw={700}>
|
||||
<Trans>Errors</Trans>:
|
||||
</Text>
|
||||
|
@@ -67,7 +67,7 @@ function ParameterCell({
|
||||
|
||||
return (
|
||||
<div>
|
||||
<Group grow ref={ref} justify="apart">
|
||||
<Group grow ref={ref} justify="space-between">
|
||||
<Group grow style={{ flex: 1 }}>
|
||||
<TableHoverCard
|
||||
value={value ?? '-'}
|
||||
|
@@ -94,7 +94,7 @@ export default function PartCategoryTemplateTable({}: {}) {
|
||||
}
|
||||
|
||||
return (
|
||||
<Group justify="apart" grow>
|
||||
<Group justify="space-between" grow>
|
||||
<Text>{record.default_value}</Text>
|
||||
{units && <Text size="xs">{units}</Text>}
|
||||
</Group>
|
||||
|
@@ -185,7 +185,7 @@ export function PartThumbTable({
|
||||
|
||||
<Divider />
|
||||
<Paper p="sm">
|
||||
<Group justify="apart">
|
||||
<Group justify="space-between">
|
||||
<TextInput
|
||||
placeholder={t`Search...`}
|
||||
onChange={(event) => {
|
||||
|
@@ -120,7 +120,7 @@ export function PluginDrawer({
|
||||
|
||||
return (
|
||||
<Stack gap={'xs'}>
|
||||
<Group justify="apart">
|
||||
<Group justify="space-between">
|
||||
<Box></Box>
|
||||
|
||||
<Group gap={'xs'}>
|
||||
|
@@ -96,7 +96,7 @@ export function SupplierPriceBreakColumns(): TableColumn[] {
|
||||
});
|
||||
|
||||
return (
|
||||
<Group justify="apart" gap="xs" grow>
|
||||
<Group justify="space-between" gap="xs" grow>
|
||||
<Text>{price}</Text>
|
||||
{units && <Text size="xs">[{units}]</Text>}
|
||||
</Group>
|
||||
|
@@ -31,7 +31,7 @@ export default function ScheduledTasksTable() {
|
||||
}
|
||||
|
||||
return (
|
||||
<Group justify="apart">
|
||||
<Group justify="space-between">
|
||||
<Text>{record.last_run}</Text>
|
||||
{record.success ? (
|
||||
<IconCircleCheck color="green" />
|
||||
|
@@ -134,7 +134,7 @@ export function TemplateDrawer({
|
||||
{editTemplate.modal}
|
||||
{deleteTemplate.modal}
|
||||
|
||||
<Group justify="apart">
|
||||
<Group justify="space-between">
|
||||
<Box></Box>
|
||||
|
||||
<Group>
|
||||
|
@@ -132,7 +132,7 @@ export default function StockItemTestResultTable({
|
||||
record.stock_item != undefined && record.stock_item != itemId;
|
||||
|
||||
return (
|
||||
<Group justify="apart">
|
||||
<Group justify="space-between">
|
||||
<Text
|
||||
style={{ fontStyle: installed ? 'italic' : undefined }}
|
||||
fw={required && 700}
|
||||
@@ -194,7 +194,7 @@ export default function StockItemTestResultTable({
|
||||
title: t`Date`,
|
||||
render: (record: any) => {
|
||||
return (
|
||||
<Group justify="apart">
|
||||
<Group justify="space-between">
|
||||
{renderDate(record.date)}
|
||||
{record.user_detail && (
|
||||
<RenderUser instance={record.user_detail} />
|
||||
@@ -214,7 +214,7 @@ export default function StockItemTestResultTable({
|
||||
title: t`Started`,
|
||||
render: (record: any) => {
|
||||
return (
|
||||
<Group justify="apart">
|
||||
<Group justify="space-between">
|
||||
{renderDate(record.started_datetime, {
|
||||
showTime: true,
|
||||
showSeconds: true
|
||||
@@ -229,7 +229,7 @@ export default function StockItemTestResultTable({
|
||||
title: t`Finished`,
|
||||
render: (record: any) => {
|
||||
return (
|
||||
<Group justify="apart">
|
||||
<Group justify="space-between">
|
||||
{renderDate(record.finished_datetime, {
|
||||
showTime: true,
|
||||
showSeconds: true
|
||||
|
Reference in New Issue
Block a user