2
0
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:
Matthias Mair
2024-04-15 20:52:24 +02:00
parent f8c055bf4e
commit 48e224672a
32 changed files with 50 additions and 50 deletions

View File

@@ -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}

View File

@@ -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>

View File

@@ -43,7 +43,7 @@ export function InfoItem({
}
return (
<Group justify="apart">
<Group justify="space-between">
<Text fz="sm" fw={700}>
{name}:
</Text>

View File

@@ -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>}

View File

@@ -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 />

View File

@@ -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 />

View File

@@ -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>

View File

@@ -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

View File

@@ -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} />

View File

@@ -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={() => {

View File

@@ -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"

View File

@@ -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={() => {

View File

@@ -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>

View File

@@ -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}

View File

@@ -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.`}

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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 ?? '-'}

View File

@@ -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>

View File

@@ -185,7 +185,7 @@ export function PartThumbTable({
<Divider />
<Paper p="sm">
<Group justify="apart">
<Group justify="space-between">
<TextInput
placeholder={t`Search...`}
onChange={(event) => {

View File

@@ -120,7 +120,7 @@ export function PluginDrawer({
return (
<Stack gap={'xs'}>
<Group justify="apart">
<Group justify="space-between">
<Box></Box>
<Group gap={'xs'}>

View File

@@ -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>

View File

@@ -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" />

View File

@@ -134,7 +134,7 @@ export function TemplateDrawer({
{editTemplate.modal}
{deleteTemplate.modal}
<Group justify="apart">
<Group justify="space-between">
<Box></Box>
<Group>

View File

@@ -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