update: styling of the save button

elementor · Dec 3, 2024 · b35e767 · b35e767
1 parent a8fa774
commit b35e767
Showing 1 changed file with 11 additions and 2 deletions.
diff --git a/modules/settings/assets/js/layouts/menu-settings.js b/modules/settings/assets/js/layouts/menu-settings.js
@@ -99,7 +99,9 @@ const MenuSettings = () => {
 					{__('At least two option must remain active', 'pojo-accessibility')}
 				</Alert>
 			)}
-			<CardContent sx={{ height: '50vh', overflow: 'auto' }}>
+			<CardContent
+				sx={{ height: '50vh', overflow: 'auto', marginBottom: '100px' }}
+			>
 				<List>
 					{Object.entries(MENU_SETTINGS).map(([parentKey, parentItem]) => {
 						return (
@@ -150,7 +152,14 @@ const MenuSettings = () => {
 					})}
 				</List>
 			</CardContent>
-			<CardActions>
+			<CardActions
+				sx={{
+					position: 'absolute',
+					bottom: 0,
+					width: '100%',
+					background: 'white',
+				}}
+			>
 				<BottomBar />
 			</CardActions>
 		</Card>