fix: banner size

Author: Lasserich

src/components/ControlPlanes/List/ControlPlaneListWorkspaceGridTile.tsx

@@ -58,6 +58,7 @@ export function ControlPlaneListWorkspaceGridTile({ projectName, workspace }: Pr
           <IllustratedError
             title={t('ControlPlaneListWorkspaceGridTile.permissionErrorMessage')}
             details={t('ControlPlaneListWorkspaceGridTile.permissionErrorMessageSubtitle')}
+            compact = {true}
           />
         );
       } else {

src/components/Shared/IllustratedError.tsx

@@ -6,16 +6,18 @@ import IllustrationMessageType from '@ui5/webcomponents-fiori/dist/types/Illustr
 interface Props {
   title?: string;
   details?: string;
+  compact?: boolean; 
 }
 
-export default function IllustratedError({ title, details }: Props) {
+export default function IllustratedError({ title, details, compact }: Props) {
   const { t } = useTranslation();
 
   return (
     <IllustratedBanner
       illustrationName={IllustrationMessageType.SimpleError}
       title={title ?? t('IllustratedError.titleText')}
       subtitle={details ?? t('IllustratedError.subtitleText')}
+      compact =  {compact}
     />
   );
 }

src/components/Ui/IllustratedBanner/IllustratedBanner.tsx

@@ -36,7 +36,7 @@ export const IllustratedBanner = ({
   return (
     <FlexBox direction="Column" alignItems="Center">
       <IllustratedMessage
-        design={compact ? IllustrationMessageDesign.ExtraSmall : IllustrationMessageDesign.Large}
+        design={compact ? IllustrationMessageDesign.Small : IllustrationMessageDesign.Large}
         name={illustrationName}
         titleText={title}
         subtitleText={subtitleText}