othmane/ohif-viewer
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix(docs): image in customization (#4735)

Browse Source
This commit is contained in:
Alireza 2025-01-24 10:22:29 -05:00 committed by GitHub
parent bc175d68b6
commit 28fb921089
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 8 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
platform/docs/docs/platform/services/customization-service/sampleCustomizations.tsx
View File

@ -1,4 +1,6 @@
import React from 'react'; import React from 'react';
import Image from '@theme/IdealImage';
import measurementLabelsImage from '../../../assets/img/measurement-labels-auto.png'; import measurementLabelsImage from '../../../assets/img/measurement-labels-auto.png';
import seriesSortImage from '../../../assets/img/seriesSort.png'; import seriesSortImage from '../../../assets/img/seriesSort.png';
import windowLevelPresetsImage from '../../../assets/img/windowLevelPresets.png'; import windowLevelPresetsImage from '../../../assets/img/windowLevelPresets.png';
@ -8,10 +10,8 @@ import segmentationTableModeImage2 from '../../../assets/img/segmentationTableMo
import segmentationShowAddSegmentImage from '../../../assets/img/segmentationShowAddSegmentImage.png'; import segmentationShowAddSegmentImage from '../../../assets/img/segmentationShowAddSegmentImage.png';
import layoutSelectorCommonPresetsImage from '../../../assets/img/layoutSelectorCommonPresetsImage.png'; import layoutSelectorCommonPresetsImage from '../../../assets/img/layoutSelectorCommonPresetsImage.png';
import layoutSelectorAdvancedPresetGeneratorImage from '../../../assets/img/layoutSelectorAdvancedPresetGeneratorImage.png'; import layoutSelectorAdvancedPresetGeneratorImage from '../../../assets/img/layoutSelectorAdvancedPresetGeneratorImage.png';
import segDisplayEditingTrue from '../../../assets/img/segDisplayEditingTrue.png'; import segDisplayEditingTrue from '../../../assets/img/segDisplayEditingTrue.png';
import segDisplayEditingFalse from '../../../assets/img/segDisplayEditingFalse.png'; import segDisplayEditingFalse from '../../../assets/img/segDisplayEditingFalse.png';
import thumbnailMenuItemsImage from '../../../assets/img/thumbnailMenuItemsImage.png'; import thumbnailMenuItemsImage from '../../../assets/img/thumbnailMenuItemsImage.png';
import studyMenuItemsImage from '../../../assets/img/studyMenuItemsImage.png'; import studyMenuItemsImage from '../../../assets/img/studyMenuItemsImage.png';
@ -1128,23 +1128,18 @@ export const TableGenerator = (customizations: any[]) => {
<div> <div>
{Array.isArray(image) ? ( {Array.isArray(image) ? (
image.map((img, index) => ( image.map((img, index) => (
<img <Image
key={index} key={index}
src={img} img={img}
alt={`${id}-${index + 1}`} alt={`${id}-${index + 1}`}
style={{ style={{ width: '400px' }}
maxWidth: '50%',
height: 'auto',
marginTop: '10px',
marginRight: '10px',
}}
/> />
)) ))
) : ( ) : (
<img <Image
src={image} img={image}
alt={id} alt={id}
style={{ maxWidth: '50%', height: 'auto', marginTop: '10px' }} style={{ width: '400px' }}
/> />
)} )}
</div> </div>