skbkontur · SchwJ · Feb 14, 2025 · Feb 14, 2025 · Mar 24, 2025 · Mar 31, 2025
diff --git a/...es/react-ui/.creevey/images/MiniModal/Mobile Mini Modal Bottom/chromeMobile.png b/...es/react-ui/.creevey/images/MiniModal/Mobile Mini Modal Bottom/chromeMobile.png
diff --git a/...es/react-ui/.creevey/images/MiniModal/Mobile Mini Modal Center/chromeMobile.png b/...es/react-ui/.creevey/images/MiniModal/Mobile Mini Modal Center/chromeMobile.png
diff --git a/...s/react-ui/.creevey/images/MiniModal/Mobile Mini Modal Default/chromeMobile.png b/...s/react-ui/.creevey/images/MiniModal/Mobile Mini Modal Default/chromeMobile.png
diff --git a/...eact-ui/.creevey/images/MiniModal/Mobile Mini Modal Fullscreen/chromeMobile.png b/...eact-ui/.creevey/images/MiniModal/Mobile Mini Modal Fullscreen/chromeMobile.png
diff --git a/packages/react-ui/.creevey/images/MiniModal/Mobile Mini Modal Top/chromeMobile.png b/packages/react-ui/.creevey/images/MiniModal/Mobile Mini Modal Top/chromeMobile.png
diff --git a/...-ui/.creevey/images/Modal/Mobile/Mobile Modal Auto With Footer/chromeMobile.png b/...-ui/.creevey/images/Modal/Mobile/Mobile Modal Auto With Footer/chromeMobile.png
diff --git a/...-ui/.creevey/images/Modal/Mobile/Mobile Modal Auto With Header/chromeMobile.png b/...-ui/.creevey/images/Modal/Mobile/Mobile Modal Auto With Header/chromeMobile.png
diff --git a/...i/.creevey/images/Modal/Mobile/Mobile Modal Bottom With Header/chromeMobile.png b/...i/.creevey/images/Modal/Mobile/Mobile Modal Bottom With Header/chromeMobile.png
diff --git a/...i/.creevey/images/Modal/Mobile/Mobile Modal Center With Footer/chromeMobile.png b/...i/.creevey/images/Modal/Mobile/Mobile Modal Center With Footer/chromeMobile.png
diff --git a/...reevey/images/Modal/Mobile/Mobile Modal Default With Body Only/chromeMobile.png b/...reevey/images/Modal/Mobile/Mobile Modal Default With Body Only/chromeMobile.png
diff --git a/.../.creevey/images/Modal/Mobile/Mobile Modal Default With Footer/chromeMobile.png b/.../.creevey/images/Modal/Mobile/Mobile Modal Default With Footer/chromeMobile.png
diff --git a/...t With Header And Footer With Long Content/idle/chromeMobile/scrollToBottom.png b/...t With Header And Footer With Long Content/idle/chromeMobile/scrollToBottom.png
diff --git a/...t With Header And Footer With Long Content/idle/chromeMobile/scrollToMiddle.png b/...t With Header And Footer With Long Content/idle/chromeMobile/scrollToMiddle.png
diff --git a/...odal Default With Header And Footer With Long Content/idle/chromeMobile/top.png b/...odal Default With Header And Footer With Long Content/idle/chromeMobile/top.png
diff --git a/.../.creevey/images/Modal/Mobile/Mobile Modal Default With Header/chromeMobile.png b/.../.creevey/images/Modal/Mobile/Mobile Modal Default With Header/chromeMobile.png
diff --git a/...Header And Sticky Footer With Long Content/idle/chromeMobile/scrollToBottom.png b/...Header And Sticky Footer With Long Content/idle/chromeMobile/scrollToBottom.png
diff --git a/...Header And Sticky Footer With Long Content/idle/chromeMobile/scrollToMiddle.png b/...Header And Sticky Footer With Long Content/idle/chromeMobile/scrollToMiddle.png
diff --git a/...ith Sticky Header And Sticky Footer With Long Content/idle/chromeMobile/top.png b/...ith Sticky Header And Sticky Footer With Long Content/idle/chromeMobile/top.png
diff --git a/...es/Modal/Mobile/Mobile Modal Fullscreen Spacing With Body Only/chromeMobile.png b/...es/Modal/Mobile/Mobile Modal Fullscreen Spacing With Body Only/chromeMobile.png
diff --git a/...vey/images/Modal/Mobile/Mobile Modal Fullscreen With Body Only/chromeMobile.png b/...vey/images/Modal/Mobile/Mobile Modal Fullscreen With Body Only/chromeMobile.png
diff --git a/...es/Modal/Mobile/Mobile Modal Fullscreen With Header And Footer/chromeMobile.png b/...es/Modal/Mobile/Mobile Modal Fullscreen With Header And Footer/chromeMobile.png
diff --git a/...Header And Sticky Footer With Long Content/idle/chromeMobile/scrollToBottom.png b/...Header And Sticky Footer With Long Content/idle/chromeMobile/scrollToBottom.png
diff --git a/...Header And Sticky Footer With Long Content/idle/chromeMobile/scrollToMiddle.png b/...Header And Sticky Footer With Long Content/idle/chromeMobile/scrollToMiddle.png
diff --git a/...ith Sticky Header And Sticky Footer With Long Content/idle/chromeMobile/top.png b/...ith Sticky Header And Sticky Footer With Long Content/idle/chromeMobile/top.png
diff --git a/.../react-ui/.creevey/images/Modal/Mobile/Mobile Modal Playground/chromeMobile.png b/.../react-ui/.creevey/images/Modal/Mobile/Mobile Modal Playground/chromeMobile.png
diff --git a/...i/.creevey/images/Modal/Mobile/Mobile Modal Top With Body Only/chromeMobile.png b/...i/.creevey/images/Modal/Mobile/Mobile Modal Top With Body Only/chromeMobile.png
diff --git a/.../Mobile/Mobile Modal Top With Long Content/idle/chromeMobile/scrollToBottom.png b/.../Mobile/Mobile Modal Top With Long Content/idle/chromeMobile/scrollToBottom.png
diff --git a/...mages/Modal/Mobile/Mobile Modal Top With Long Content/idle/chromeMobile/top.png b/...mages/Modal/Mobile/Mobile Modal Top With Long Content/idle/chromeMobile/top.png
diff --git a/...Modal/Modal With Children From Other Component/middle/chrome2022Dark/middle.png b/...Modal/Modal With Children From Other Component/middle/chrome2022Dark/middle.png
diff --git a/...odal/Modal With Children From Other Component/middle/firefox2022Dark/middle.png b/...odal/Modal With Children From Other Component/middle/firefox2022Dark/middle.png
diff --git a/...mages/Modal/Modal With Children From Other Component/top/chrome2022Dark/top.png b/...mages/Modal/Modal With Children From Other Component/top/chrome2022Dark/top.png
diff --git a/...ages/Modal/Modal With Children From Other Component/top/firefox2022Dark/top.png b/...ages/Modal/Modal With Children From Other Component/top/firefox2022Dark/top.png
diff --git a/...eight of content/toggle content height/chrome2022Dark/toggle content height.png b/...eight of content/toggle content height/chrome2022Dark/toggle content height.png
diff --git a/...ight of content/toggle content height/firefox2022Dark/toggle content height.png b/...ight of content/toggle content height/firefox2022Dark/toggle content height.png
diff --git a/...-ui/.creevey/images/SidePage/Mobile Sidepage With Mobile Width/chromeMobile.png b/...-ui/.creevey/images/SidePage/Mobile Sidepage With Mobile Width/chromeMobile.png
diff --git a/...act-ui/.creevey/images/ThemeVersions/5_1/Mini Modal Mobile 5 1/chromeMobile.png b/...act-ui/.creevey/images/ThemeVersions/5_1/Mini Modal Mobile 5 1/chromeMobile.png
diff --git a/...es/react-ui/.creevey/images/ThemeVersions/5_1/Modal Mobile 5 1/chromeMobile.png b/...es/react-ui/.creevey/images/ThemeVersions/5_1/Modal Mobile 5 1/chromeMobile.png
diff --git a/...5_1/Modal With Sticky Header And Sticky Footer 5 1/idle/chrome2022Dark/idle.png b/...5_1/Modal With Sticky Header And Sticky Footer 5 1/idle/chrome2022Dark/idle.png
diff --git a/...With Sticky Header And Sticky Footer 5 1/idle/chrome2022Dark/scrollToBottom.png b/...With Sticky Header And Sticky Footer 5 1/idle/chrome2022Dark/scrollToBottom.png
diff --git a/..._1/Modal With Sticky Header And Sticky Footer 5 1/idle/firefox2022Dark/idle.png b/..._1/Modal With Sticky Header And Sticky Footer 5 1/idle/firefox2022Dark/idle.png
diff --git a/...ith Sticky Header And Sticky Footer 5 1/idle/firefox2022Dark/scrollToBottom.png b/...ith Sticky Header And Sticky Footer 5 1/idle/firefox2022Dark/scrollToBottom.png
diff --git a/...sions/5_1/Modal With Sticky Header And Sticky Footer Colored 5 1/chrome2022.png b/...sions/5_1/Modal With Sticky Header And Sticky Footer Colored 5 1/chrome2022.png
diff --git a/...Modal With Sticky Header And Sticky Footer Colored 5 1/idle/chrome2022/idle.png b/...Modal With Sticky Header And Sticky Footer Colored 5 1/idle/chrome2022/idle.png
diff --git a/... Sticky Header And Sticky Footer Colored 5 1/idle/chrome2022/scrollToBottom.png b/... Sticky Header And Sticky Footer Colored 5 1/idle/chrome2022/scrollToBottom.png
diff --git a/... modal with Loader/Header covers Loader/chrome2022Dark/Header covers Loader.png b/... modal with Loader/Header covers Loader/chrome2022Dark/Header covers Loader.png
diff --git a/...modal with Loader/Header covers Loader/firefox2022Dark/Header covers Loader.png b/...modal with Loader/Header covers Loader/firefox2022Dark/Header covers Loader.png
diff --git a/...ages/ZIndex/Modal With Dropdown/dropdown lays under fixed footer/chrome2022.png b/...ages/ZIndex/Modal With Dropdown/dropdown lays under fixed footer/chrome2022.png
diff --git a/...ges/ZIndex/Modal With Dropdown/dropdown lays under fixed footer/firefox2022.png b/...ges/ZIndex/Modal With Dropdown/dropdown lays under fixed footer/firefox2022.png
diff --git a/...ages/ZIndex/Modal With Dropdown/dropdown lays under fixed header/chrome2022.png b/...ages/ZIndex/Modal With Dropdown/dropdown lays under fixed header/chrome2022.png
diff --git a/...ges/ZIndex/Modal With Dropdown/dropdown lays under fixed header/firefox2022.png b/...ges/ZIndex/Modal With Dropdown/dropdown lays under fixed header/firefox2022.png
diff --git a/...mages/ZIndex/Modal With Dropdown/dropdown overlaps static footer/chrome2022.png b/...mages/ZIndex/Modal With Dropdown/dropdown overlaps static footer/chrome2022.png
diff --git a/...ages/ZIndex/Modal With Dropdown/dropdown overlaps static footer/firefox2022.png b/...ages/ZIndex/Modal With Dropdown/dropdown overlaps static footer/firefox2022.png
diff --git a/...mages/ZIndex/Modal With Dropdown/dropdown overlaps static header/chrome2022.png b/...mages/ZIndex/Modal With Dropdown/dropdown overlaps static header/chrome2022.png
diff --git a/...ages/ZIndex/Modal With Dropdown/dropdown overlaps static header/firefox2022.png b/...ages/ZIndex/Modal With Dropdown/dropdown overlaps static header/firefox2022.png
diff --git a/packages/react-ui/components/MiniModal/MiniModal.tsx b/packages/react-ui/components/MiniModal/MiniModal.tsx
@@ -33,12 +33,12 @@ export const MiniModal = forwardRefAndName<
     Footer: typeof MiniModalFooter;
     Body: typeof MiniModalBody;
   }
->('MiniModal', ({ children, theme: propsTheme, ...rest }, ref) => {
+>('MiniModal', ({ children, theme: propsTheme, mobileAppearance, ...rest }, ref) => {
   const contextTheme = useContext(ThemeContext);
 
   return (
     <ThemeContext.Provider value={getMiniModalTheme(contextTheme, propsTheme)}>
-      <Modal width={400} noClose ref={ref} {...rest}>
+      <Modal width={400} mobileAppearance={mobileAppearance ? mobileAppearance : 'center'} noClose ref={ref} {...rest}>
         {children}
       </Modal>
     </ThemeContext.Provider>