leonm/musicland
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

enregistrer

Browse Source
This commit is contained in:
leon-morival
2025-09-03 10:02:09 +02:00
parent 4cabe4df3c
commit 5de9b347aa
3 changed files with 83 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/screens/Writing/components/CreateLyricsHeader.js
+73 -37
View File
@@ -18,6 +18,7 @@ const CreateLyricsHeader = ({
onPress,
blurViewStyle = {},
showBorder = true,
disableBlur = false,
}) => {
const [onLayout, setOnLayout] = useState(null);
const { isWeb } = useLayoutType();
@@ -56,43 +57,78 @@ const CreateLyricsHeader = ({
setOnLayout(event.nativeEvent.layout);
}}
>
<BlurView
intensity={intensity}
tint={tint}
style={{
paddingHorizontal: 12,
paddingVertical: 8,
gap: 4,
...blurViewStyle,
}}
experimentalBlurMethod={
Platform.OS !== "ios" ? "dimezisBlurView" : "none"
}
>
{title && (
<Text
style={{
fontSize: 22,
color: Palette.white,
fontFamily: FONT_FAMILY.InterSemiBold,
}}
>
{title}
</Text>
)}
{subTitle && (
<Text
style={{
fontSize: 12,
color: Palette.white,
fontFamily: FONT_FAMILY.InterRegular,
}}
>
{subTitle}
</Text>
)}
{children}
</BlurView>
{disableBlur ? (
<View
style={{
paddingHorizontal: 12,
paddingVertical: 8,
gap: 4,
...blurViewStyle,
}}
>
{title && (
<Text
style={{
fontSize: 22,
color: Palette.white,
fontFamily: FONT_FAMILY.InterSemiBold,
}}
>
{title}
</Text>
)}
{subTitle && (
<Text
style={{
fontSize: 12,
color: Palette.white,
fontFamily: FONT_FAMILY.InterRegular,
}}
>
{subTitle}
</Text>
)}
{children}
</View>
) : (
<BlurView
intensity={intensity}
tint={tint}
style={{
paddingHorizontal: 12,
paddingVertical: 8,
gap: 4,
...blurViewStyle,
}}
experimentalBlurMethod={
Platform.OS !== "ios" ? "dimezisBlurView" : "none"
}
>
{title && (
<Text
style={{
fontSize: 22,
color: Palette.white,
fontFamily: FONT_FAMILY.InterSemiBold,
}}
>
{title}
</Text>
)}
{subTitle && (
<Text
style={{
fontSize: 12,
color: Palette.white,
fontFamily: FONT_FAMILY.InterRegular,
}}
>
{subTitle}
</Text>
)}
{children}
</BlurView>
)}
</View>
</Pressable>
);