feat: replace text-based logos with image assets across authentication and dashboard pages
This commit is contained in:
@@ -1,5 +1,5 @@
|
||||
import React, { useState } from 'react';
|
||||
import { Alert, ScrollView, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
|
||||
import { Alert, ScrollView, StyleSheet, Text, TouchableOpacity, View, Image } from 'react-native';
|
||||
import { SafeAreaView } from 'react-native-safe-area-context';
|
||||
import { useNavigation } from '@react-navigation/native';
|
||||
import { NativeStackNavigationProp } from '@react-navigation/native-stack';
|
||||
@@ -42,9 +42,12 @@ export default function AuthLogin() {
|
||||
<SafeAreaView style={styles.container}>
|
||||
<ScrollView contentContainerStyle={styles.content} keyboardShouldPersistTaps="handled">
|
||||
<View style={styles.logoRow}>
|
||||
<View style={styles.logoBox}>
|
||||
<Text style={styles.logoText}>SA</Text>
|
||||
</View>
|
||||
<Image
|
||||
source={require('../../assets/logo.png')}
|
||||
style={styles.logoImage}
|
||||
resizeMode="contain"
|
||||
defaultSource={require('../../assets/icon.png')}
|
||||
/>
|
||||
</View>
|
||||
|
||||
<Text style={styles.title}>Bem-vindo</Text>
|
||||
@@ -108,20 +111,9 @@ const styles = StyleSheet.create({
|
||||
alignItems: 'center',
|
||||
marginBottom: 32,
|
||||
},
|
||||
logoBox: {
|
||||
width: 72,
|
||||
height: 72,
|
||||
borderRadius: 22,
|
||||
backgroundColor: '#141420',
|
||||
borderWidth: 1,
|
||||
borderColor: 'rgba(99,102,241,0.3)',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
},
|
||||
logoText: {
|
||||
color: '#818cf8',
|
||||
fontSize: 22,
|
||||
fontWeight: '900',
|
||||
logoImage: {
|
||||
width: 280,
|
||||
height: 140,
|
||||
},
|
||||
title: {
|
||||
fontSize: 34,
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
import React, { useState } from 'react';
|
||||
import { Alert, ScrollView, StyleSheet, Text, TouchableOpacity, View } from 'react-native';
|
||||
import { Alert, ScrollView, StyleSheet, Text, TouchableOpacity, View, Image } from 'react-native';
|
||||
import { SafeAreaView } from 'react-native-safe-area-context';
|
||||
import { useNavigation } from '@react-navigation/native';
|
||||
import { NativeStackNavigationProp } from '@react-navigation/native-stack';
|
||||
@@ -54,9 +54,12 @@ export default function AuthRegister() {
|
||||
<SafeAreaView style={styles.container}>
|
||||
<ScrollView contentContainerStyle={styles.content} keyboardShouldPersistTaps="handled">
|
||||
<View style={styles.logoRow}>
|
||||
<View style={styles.logoBox}>
|
||||
<Text style={styles.logoText}>SA</Text>
|
||||
</View>
|
||||
<Image
|
||||
source={require('../../assets/logo.png')}
|
||||
style={styles.logoImage}
|
||||
resizeMode="contain"
|
||||
defaultSource={require('../../assets/icon.png')}
|
||||
/>
|
||||
</View>
|
||||
|
||||
<Text style={styles.title}>Criar Conta</Text>
|
||||
@@ -135,20 +138,9 @@ const styles = StyleSheet.create({
|
||||
alignItems: 'center',
|
||||
marginBottom: 28,
|
||||
},
|
||||
logoBox: {
|
||||
width: 72,
|
||||
height: 72,
|
||||
borderRadius: 22,
|
||||
backgroundColor: '#141420',
|
||||
borderWidth: 1,
|
||||
borderColor: 'rgba(99,102,241,0.3)',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
},
|
||||
logoText: {
|
||||
color: '#818cf8',
|
||||
fontSize: 22,
|
||||
fontWeight: '900',
|
||||
logoImage: {
|
||||
width: 200,
|
||||
height: 100,
|
||||
},
|
||||
title: {
|
||||
fontSize: 34,
|
||||
|
||||
@@ -155,10 +155,12 @@ export default function Dashboard() {
|
||||
<SafeAreaView style={styles.container}>
|
||||
{/* Header Dashboard */}
|
||||
<View style={styles.header}>
|
||||
<View style={styles.headerInfo}>
|
||||
<Text style={styles.headerGreeting}>Gestão do Espaço</Text>
|
||||
<Text style={styles.headerShopName} numberOfLines={1}>{shop.name}</Text>
|
||||
</View>
|
||||
<Image
|
||||
source={require('../../assets/logo.png')}
|
||||
style={styles.headerLogo}
|
||||
resizeMode="contain"
|
||||
defaultSource={require('../../assets/icon.png')}
|
||||
/>
|
||||
<TouchableOpacity style={styles.brandPill} onPress={() => navigation.navigate('BarberProfileTab' as never)}>
|
||||
<Text style={styles.brandText}>{user?.name.charAt(0)}</Text>
|
||||
</TouchableOpacity>
|
||||
@@ -437,19 +439,9 @@ const styles = StyleSheet.create({
|
||||
paddingHorizontal: 20,
|
||||
paddingVertical: 16,
|
||||
},
|
||||
headerInfo: {
|
||||
flex: 1,
|
||||
gap: 2,
|
||||
},
|
||||
headerGreeting: {
|
||||
color: '#64748b',
|
||||
fontSize: 14,
|
||||
fontWeight: '600',
|
||||
},
|
||||
headerShopName: {
|
||||
color: '#f8fafc',
|
||||
fontSize: 24,
|
||||
fontWeight: '900',
|
||||
headerLogo: {
|
||||
width: 140,
|
||||
height: 40,
|
||||
},
|
||||
brandPill: {
|
||||
width: 44,
|
||||
|
||||
Reference in New Issue
Block a user