eletrotupi / tcc/ commit / 390ce29

frontend: fix invalid align/justify values and the card padding key

Pedro Lucas Porcellis porcellis@eletrotupi.com · 12 days ago 390ce2952161e18712e999aba9eb762245263865 Browse files
Parents 96b6b65
Changed files
3
Additions
+6
Deletions
-6
frontend/app/notifications.tsx modified+2 -2
frontend/app/notifications.tsx
1 1 
import {
2 2 
  View,
3 3 
  StyleSheet,
4 4 
  ScrollView,
5 5 
  KeyboardAvoidingView,
116 116 
    flex: 1,
117 117 
  },
118 118 
  scrollContainer: {
119 119 
    flexGrow: 1,
120 120 
    paddingHorizontal: 24,
121 - 
    justifyContent: "start",
121 + 
    justifyContent: "flex-start",
122 122 
    minHeight: "100%",
123 123 
  },
124 124 
  header: {
125 - 
    alignItems: "left",
125 + 
    alignItems: "flex-start",
126 126 
    marginBottom: 40,
127 127 
  },
128 128 
});
frontend/app/profile.tsx modified+2 -2
frontend/app/profile.tsx
1 1 
import { useState, useEffect } from 'react';
2 2 
import {
3 3 
  View,
4 4 
  StyleSheet,
5 5 
  ScrollView,
204 204 
    flex: 1,
205 205 
  },
206 206 
  scrollContainer: {
207 207 
    flexGrow: 1,
208 208 
    paddingHorizontal: 24,
209 - 
    justifyContent: 'start',
209 + 
    justifyContent: 'flex-start',
210 210 
    minHeight: '100%',
211 211 
  },
212 212 
  header: {
213 - 
    alignItems: 'left',
213 + 
    alignItems: 'flex-start',
214 214 
    marginBottom: 40,
215 215 
  },
216 216 
  title: {
217 217 
    fontSize: 28,
218 218 
    fontWeight: 'bold',
249 249 
  cardBlockHint: {
250 250 
    ...Typography.cardHint,
251 251 
    color: Colors.light.textSecondary
252 252 
  }
253 253 
});
frontend/components/ui/Cards.tsx modified+2 -2
frontend/components/ui/Cards.tsx
1 1 
import React from 'react';
2 2 
import {
3 3 
  View,
4 4 
  StyleSheet,
5 5 
  Pressable,
36 36 
    card: {
37 37 
      backgroundColor: surfaceColor,
38 38 
      borderRadius: BorderRadius.lg,
39 39 
      borderWidth: 1,
40 40 
      borderColor: cardBorderColor,
41 - 
      padding: Spacing.internalPadding,
41 + 
      padding: Spacing.containerPadding,
42 42 
      marginBottom: Spacing.cardGap,
43 43 
      ...(isHighlighted && {
44 44 
        backgroundColor: accentBlueColor,
45 45 
        borderColor: 'transparent',
46 46 
      }),
83 83 
      borderRadius: BorderRadius.lg,
84 84 
      padding: Spacing.cardGap,
85 85 
      marginBottom: Spacing.cardGap,
86 86 
      flex: 1,
87 87 
      flexDirection: 'row',
88 - 
      alignItems: 'top'
88 + 
      alignItems: 'flex-start'
89 89 
    },
90 90 
    text: {
91 91 
      fontSize: 12,
92 92 
      lineHeight: 18,
93 93 
      color: Colors.light.textSecondary,
103 103 
        {text.replace(/\s+/g, ' ').trim()}
104 104 
      </Text>
105 105 
    </View>
106 106 
  )
107 107 
}