fix(workspace): collapse header loading skeleton to a single bar

The header now shows only one row of text, so drop the second skeleton
and widen the primary bar to match.
This commit is contained in:
Mohamed Boudra
2026-04-20 10:46:23 +07:00
parent 53baa16bee
commit fb02bc8795
@@ -2091,7 +2091,6 @@ function WorkspaceScreenContent({
{isWorkspaceHeaderLoading ? ( {isWorkspaceHeaderLoading ? (
<View style={styles.headerTitleTextGroup}> <View style={styles.headerTitleTextGroup}>
<View style={styles.headerTitleSkeleton} /> <View style={styles.headerTitleSkeleton} />
<View style={styles.headerProjectTitleSkeleton} />
</View> </View>
) : ( ) : (
<View style={styles.headerTitleTextGroup}> <View style={styles.headerTitleTextGroup}>
@@ -2492,21 +2491,13 @@ const styles = StyleSheet.create((theme) => ({
maxWidth: "60%", maxWidth: "60%",
}, },
headerTitleSkeleton: { headerTitleSkeleton: {
width: 190, width: 220,
maxWidth: "45%", maxWidth: "100%",
height: 22, height: 22,
borderRadius: theme.borderRadius.full, borderRadius: theme.borderRadius.full,
backgroundColor: theme.colors.surface3, backgroundColor: theme.colors.surface3,
opacity: 0.25, opacity: 0.25,
}, },
headerProjectTitleSkeleton: {
width: 300,
maxWidth: "45%",
height: 22,
borderRadius: theme.borderRadius.full,
backgroundColor: theme.colors.surface3,
opacity: 0.18,
},
headerRight: { headerRight: {
flexDirection: "row", flexDirection: "row",
alignItems: "center", alignItems: "center",