zoriya/Chromacase
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed css for mobile android

Browse Source
This commit is contained in:
Clément Le Bihan
2023-11-24 21:30:26 +01:00
parent ecac53516e
commit 533dc0e7ad
2 changed files with 6 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
front/components/SongCardGrid.tsx
View File

@@ -15,7 +15,7 @@ const SongCardGrid = (props: SongCardGrid) => {
<VStack space={5}>
<Heading>{props.heading}</Heading>
<FlatGrid
nestedScrollEnabled
scrollEnabled={false}
maxItemsPerRow={props.maxItemsPerRow}
additionalRowStyle={props.style ?? { justifyContent: 'flex-start' }}
data={props.songs}

17
front/components/UI/InteractiveBase.tsx
View File

@@ -102,7 +102,7 @@ const InteractiveBase: React.FC<InteractiveBaseProps> = ({
Animated.parallel([
Animated.spring(scaleAnimator, {
toValue: 1,
useNativeDriver: true,
useNativeDriver: false,
}),
Animated.timing(backgroundColorAnimator, {
toValue: 1,
@@ -131,7 +131,7 @@ const InteractiveBase: React.FC<InteractiveBaseProps> = ({
Animated.parallel([
Animated.spring(scaleAnimator, {
toValue: 2,
useNativeDriver: true,
useNativeDriver: false,
}),
Animated.timing(backgroundColorAnimator, {
toValue: 2,
@@ -160,7 +160,7 @@ const InteractiveBase: React.FC<InteractiveBaseProps> = ({
Animated.parallel([
Animated.spring(scaleAnimator, {
toValue: 1,
useNativeDriver: true,
useNativeDriver: false,
}),
Animated.timing(backgroundColorAnimator, {
toValue: 1,
@@ -193,7 +193,7 @@ const InteractiveBase: React.FC<InteractiveBaseProps> = ({
Animated.parallel([
Animated.spring(scaleAnimator, {
toValue: 0,
useNativeDriver: true,
useNativeDriver: false,
}),
Animated.timing(backgroundColorAnimator, {
toValue: 0,
@@ -213,7 +213,7 @@ const InteractiveBase: React.FC<InteractiveBaseProps> = ({
Animated.timing(elevationAnimator, {
toValue: 0,
duration: 250,
useNativeDriver: true,
useNativeDriver: false,
}),
]).start();
};
@@ -247,7 +247,6 @@ const InteractiveBase: React.FC<InteractiveBaseProps> = ({
onPressIn={handlePressIn}
onPressOut={handlePressOut}
onHoverOut={handleMouseLeave}
style={styles.container}
>
{children}
</Pressable>
@@ -255,11 +254,5 @@ const InteractiveBase: React.FC<InteractiveBaseProps> = ({
);
};
const styles = StyleSheet.create({
container: {
width: '100%',
height: '100%',
},
});
export default InteractiveBase;