[REM] fit-content removed

front/components/IconButton.tsx

@@ -8,7 +8,7 @@ type IconButtonProps = {
 const IconButton = (props: IconButtonProps) => {
 	return (
 		<Box>
-			<Button {...props} leftIcon={props.icon} width="fit-content" rounded="sm" />
+			<Button {...props} leftIcon={props.icon} rounded="sm" />
 		</Box>
 	);
 };

front/components/UI/PopupCC.tsx

@@ -29,9 +29,8 @@ const PopupCC = ({ title, description, children, isVisible, setIsVisible }: Popu
 			<GlassmorphismCC>
 				<Column
 					style={{
-						maxWidth: '800px',
-						maxHeight: 'fit-content',
-						padding: '20px',
+						maxWidth: 800,
+						padding: 20,
 					}}
 					space={4}
 				>
@@ -41,7 +40,6 @@ const PopupCC = ({ title, description, children, isVisible, setIsVisible }: Popu
 							{setIsVisible !== undefined && (
 								<ButtonBase
 									type="menu"
-									style={{ width: 'fit-content' }}
 									icon={CloseSquare}
 									onPress={async () => setIsVisible(false)}
 								/>

front/components/UI/ScaffoldDesktopCC.tsx

@@ -220,7 +220,6 @@ const ScaffoldDesktopCC = (props: ScaffoldDesktopCCProps) => {
 						marginLeft: 0,
 						padding: props.widthPadding ? 20 : 0,
 						borderRadius: 12,
-						minHeight: 'fit-content',
 					}}
 				>
 					{props.children}

front/components/UI/ScaffoldMobileCC.tsx

@@ -46,7 +46,6 @@ const ScaffoldMobileCC = (props: ScaffoldMobileCCProps) => {
 				<Flex
 					style={{
 						width: '100%',
-						height: 'fit-content',
 						flexDirection: 'row',
 						backgroundColor: colors.coolGray[500],
 						padding: 8,

front/components/navigators/TabRowNavigator.tsx

@@ -99,7 +99,7 @@ function TabNavigator({
 
 	return (
 		<NavigationContent>
-			<Row width={'100%'} height={'fit-content'}>
+			<Row width={'100%'}>
 				{(!isMobileView || isPanelView) && (
 					<View
 						style={[

front/views/MusicView.tsx

@@ -71,7 +71,6 @@ export const FavoritesMusic = () => {
 				<InteractiveCC
 					// duration={80}
 					styleContainer={{
-						width: 'fit-content',
 						borderRadius: 10,
 					}}
 					style={{
@@ -109,7 +108,7 @@ export const FavoritesMusic = () => {
 				</InteractiveCC>
 				<ButtonBase
 					title="Coucou"
-					style={{ width: 'fit-content', marginTop: 20 }}
+					style={{ marginTop: 20 }}
 					type={'filled'}
 				/>
 			</View> */}

front/views/ProfileView.tsx

@@ -69,7 +69,6 @@ const ProfileView = (props: RouteProps<{}>) => {
 							</Text>
 							<ButtonBase
 								title="Modifier profil"
-								style={{ width: 'fit-content' }}
 								type={'filled'}
 								onPress={async () => navigation.navigate('Settings', {})}
 							/>

front/views/settings/SettingsProfile.tsx

@@ -158,7 +158,6 @@ const ProfileSettings = () => {
 			/>
 			<LogoutButtonCC
 				isGuest={user.isGuest}
-				style={{ with: 'fit-content' }}
 				buttonType={'filled'}
 			/>
 		</Column>

front/views/settings/SettingsView.tsx

@@ -137,7 +137,6 @@ const SettingsTab = (props: RouteProps<{}>) => {
 					maxWidth: 850,
 					width: '100%',
 				}}
-				style={{ height: 'fit-content' }}
 				renderTabBar={renderTabBar}
 				navigationState={{ index, routes }}
 				renderScene={renderScene}