diff --git a/packages/ui/src/components/PropertiesModal/PropertiesModal.scss b/packages/ui/src/components/PropertiesModal/PropertiesModal.scss index 98a937b86..9dc2c4d35 100644 --- a/packages/ui/src/components/PropertiesModal/PropertiesModal.scss +++ b/packages/ui/src/components/PropertiesModal/PropertiesModal.scss @@ -25,4 +25,20 @@ span[data-label='group'] { font-weight: normal; } + + &__body { + height: 75vh; + + @media screen and (height <= 720px) { + height: 100vh; + } + + @media screen and (height <= 1080px) { + height: 75vh; + } + + @media screen and (height <= 1440px) { + height: 60vh; + } + } } diff --git a/packages/ui/src/components/PropertiesModal/PropertiesModal.tsx b/packages/ui/src/components/PropertiesModal/PropertiesModal.tsx index 62c485a6c..10cf8615e 100644 --- a/packages/ui/src/components/PropertiesModal/PropertiesModal.tsx +++ b/packages/ui/src/components/PropertiesModal/PropertiesModal.tsx @@ -67,8 +67,9 @@ export const PropertiesModal: FunctionComponent = (props) onClose={props.onClose} ouiaId="BasicModal" description={description} + variant="large" > - + {tabs.length === 0 ? ( ) : (