inventree/InvenTree
2
0
Fork 0
mirror of https://github.com/inventree/InvenTree.git synced 2025-09-13 22:21:37 +00:00
Code Activity

Improve instance rendering (#10165)

Browse Source 
- Fix visual glitches on narrow viewports
This commit is contained in:
Oliver
2025-08-13 01:40:05 +10:00
committed by GitHub
parent 216bc0cba5
commit 33a275b69f
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/frontend/src/components/render/Instance.tsx
View File

@@ -214,7 +214,7 @@ export function RenderInlineModel({
} }
return ( return (
<Group gap='xs' justify='space-between' wrap='nowrap' title={tooltip}> <Group gap='xs' justify='space-between' title={tooltip}>
<Group gap='xs' justify='left' wrap='nowrap'> <Group gap='xs' justify='left' wrap='nowrap'>
{prefix} {prefix}
{image && <Thumbnail src={image} size={18} />} {image && <Thumbnail src={image} size={18} />}
@@ -260,7 +260,7 @@ export function InlineSecondaryBadge({
}): ReactNode { }): ReactNode {
return ( return (
<Paper p={2} withBorder style={{ backgroundColor: 'transparent' }}> <Paper p={2} withBorder style={{ backgroundColor: 'transparent' }}>
<Group gap='xs'> <Group gap='xs' wrap='nowrap'>
{title && ( {title && (
<Text size={size} title={title}> <Text size={size} title={title}>
{title}: {title}:

2
src/frontend/src/components/render/Stock.tsx
View File

@@ -111,7 +111,7 @@ export function RenderStockItem(
// Form the "suffix" text to display // Form the "suffix" text to display
const suffix: ReactNode = ( const suffix: ReactNode = (
<Group gap='xs'> <Group gap='xs' wrap='nowrap'>
<Text size='xs'>{quantity_string}</Text> <Text size='xs'>{quantity_string}</Text>
{location && ( {location && (
<TableHoverCard <TableHoverCard