Refactor frontend-mobile

2026-07-07 18:08:44 +02:00
parent 69d66729aa
commit 9949b85001
14 changed files with 771 additions and 100 deletions
@@ -830,7 +830,7 @@ const styles = StyleSheet.create({
    width: 100,
    height: 100,
    borderRadius: 50,
-    backgroundColor: colors.background,
+    backgroundColor: colors.primaryContainer,
    justifyContent: 'center',
    alignItems: 'center',
    overflow: 'hidden',
@@ -846,7 +846,7 @@ const styles = StyleSheet.create({
    left: 0,
    right: 0,
    bottom: 0,
-    backgroundColor: 'rgba(0, 0, 0, 0.5)',
+    backgroundColor: 'rgba(0, 0, 0, 0.4)',
    justifyContent: 'center',
    alignItems: 'center',
    opacity: 0.8,
@@ -857,17 +857,17 @@ const styles = StyleSheet.create({
    fontSize: 14,
  },
  infoSection: {
-    padding: spacing.xl,
+    padding: spacing.lg,
    backgroundColor: colors.card,
-    marginTop: spacing.md,
+    marginTop: spacing.sm,
    gap: spacing.md,
  },
  infoCard: {
-    backgroundColor: colors.background,
+    backgroundColor: colors.surfaceLow,
    padding: spacing.md,
-    borderRadius: borderRadius.md,
+    borderRadius: borderRadius.lg,
    borderWidth: 1,
-    borderColor: colors.border || '#E0E0E0',
+    borderColor: colors.border,
  },
  infoLabel: {
    fontSize: 12,
@@ -883,7 +883,7 @@ const styles = StyleSheet.create({
    color: colors.text,
  },
  menuSection: {
-    marginTop: spacing.md,
+    marginTop: spacing.sm,
    backgroundColor: colors.card,
  },
  menuItem: {
@@ -891,7 +891,7 @@ const styles = StyleSheet.create({
    alignItems: 'center',
    padding: spacing.md,
    borderBottomWidth: 1,
-    borderBottomColor: colors.separator,
+    borderBottomColor: colors.border,
  },
  menuText: {
    flex: 1,
@@ -901,9 +901,9 @@ const styles = StyleSheet.create({
  },
  searchHistorySection: {
    padding: spacing.md,
-    backgroundColor: colors.background,
+    backgroundColor: colors.surfaceLow,
    borderBottomWidth: 1,
-    borderBottomColor: colors.separator,
+    borderBottomColor: colors.border,
  },
  searchHistoryTitle: {
    fontSize: 14,
@@ -916,7 +916,7 @@ const styles = StyleSheet.create({
    justifyContent: 'space-between',
    paddingVertical: spacing.sm,
    borderBottomWidth: 1,
-    borderBottomColor: colors.separator,
+    borderBottomColor: colors.border,
  },
  searchAddress: {
    flex: 1,
@@ -928,7 +928,7 @@ const styles = StyleSheet.create({
  },
  button: {
    backgroundColor: colors.primary,
-    borderRadius: borderRadius.md,
+    borderRadius: borderRadius.lg,
    paddingVertical: spacing.md,
    paddingHorizontal: spacing.xl,
  },
@@ -951,7 +951,7 @@ const styles = StyleSheet.create({
    margin: spacing.xl,
    padding: spacing.md,
    backgroundColor: colors.card,
-    borderRadius: borderRadius.md,
+    borderRadius: borderRadius.lg,
    borderWidth: 1,
    borderColor: colors.danger,
  },
@@ -979,7 +979,7 @@ const styles = StyleSheet.create({
    justifyContent: 'space-between',
    padding: spacing.lg,
    borderBottomWidth: 1,
-    borderBottomColor: colors.separator,
+    borderBottomColor: colors.border,
  },
  modalTitle: {
    fontSize: 18,
@@ -1000,26 +1000,26 @@ const styles = StyleSheet.create({
  },
  modalInput: {
    borderWidth: 1,
-    borderColor: colors.border || '#E0E0E0',
-    borderRadius: borderRadius.md,
+    borderColor: colors.border,
+    borderRadius: borderRadius.lg,
    padding: spacing.md,
    fontSize: 16,
    color: colors.text,
  },
  modalFeedback: {
    padding: spacing.md,
-    borderRadius: borderRadius.md,
+    borderRadius: borderRadius.lg,
    marginBottom: spacing.md,
  },
  modalFeedbackOk: {
-    backgroundColor: 'rgba(0, 69, 13, 0.1)',
+    backgroundColor: '#eaf7ec',
    borderWidth: 1,
-    borderColor: 'rgba(0, 69, 13, 0.2)',
+    borderColor: '#cfead0',
  },
  modalFeedbackErr: {
-    backgroundColor: 'rgba(186, 26, 26, 0.1)',
+    backgroundColor: colors.dangerContainer,
    borderWidth: 1,
-    borderColor: 'rgba(186, 26, 26, 0.2)',
+    borderColor: '#fecaca',
  },
  modalFeedbackText: {
    fontSize: 14,
@@ -1034,9 +1034,9 @@ const styles = StyleSheet.create({
  modalCancelBtn: {
    paddingVertical: spacing.md,
    paddingHorizontal: spacing.lg,
-    borderRadius: borderRadius.md,
+    borderRadius: borderRadius.lg,
    borderWidth: 1,
-    borderColor: colors.border || '#E0E0E0',
+    borderColor: colors.border,
  },
  modalCancelText: {
    fontSize: 16,
@@ -1046,7 +1046,7 @@ const styles = StyleSheet.create({
    backgroundColor: colors.primary,
    paddingVertical: spacing.md,
    paddingHorizontal: spacing.xl,
-    borderRadius: borderRadius.md,
+    borderRadius: borderRadius.lg,
    minWidth: 100,
    alignItems: 'center',
  },
@@ -1068,7 +1068,7 @@ const styles = StyleSheet.create({
  tabContainer: {
    flexDirection: 'row',
    borderBottomWidth: 1,
-    borderBottomColor: colors.separator,
+    borderBottomColor: colors.border,
  },
  tabButton: {
    flex: 1,
@@ -1115,10 +1115,10 @@ const styles = StyleSheet.create({
    flexDirection: 'row',
    alignItems: 'center',
    padding: spacing.md,
-    backgroundColor: colors.background,
-    borderRadius: borderRadius.md,
+    backgroundColor: colors.surfaceLow,
+    borderRadius: borderRadius.lg,
    borderWidth: 1,
-    borderColor: colors.border || '#E5E5EA',
+    borderColor: colors.border,
  },
  uploadIconContainer: {
    width: 56,
@@ -1155,14 +1155,14 @@ const styles = StyleSheet.create({
    alignItems: 'flex-start',
    justifyContent: 'space-between',
    padding: spacing.md,
-    backgroundColor: colors.background,
-    borderRadius: borderRadius.md,
+    backgroundColor: colors.surfaceLow,
+    borderRadius: borderRadius.lg,
    borderWidth: 1,
-    borderColor: colors.border || '#E0E0E0',
+    borderColor: colors.border,
  },
  addressItemDefault: {
    borderColor: colors.primary,
-    backgroundColor: 'rgba(0, 69, 13, 0.03)',
+    backgroundColor: '#eaf7ec',
  },
  addressItemInfo: {
    flex: 1,
@@ -1181,7 +1181,7 @@ const styles = StyleSheet.create({
  addressBadge: {
    alignSelf: 'flex-start',
    backgroundColor: colors.primary,
-    borderRadius: 12,
+    borderRadius: borderRadius.full,
    paddingHorizontal: spacing.sm,
    paddingVertical: 2,
    marginTop: 4,
@@ -1219,9 +1219,9 @@ const styles = StyleSheet.create({
    padding: spacing.md,
    marginTop: spacing.md,
    borderWidth: 2,
-    borderColor: colors.border || '#E0E0E0',
+    borderColor: colors.border,
    borderStyle: 'dashed',
-    borderRadius: borderRadius.md,
+    borderRadius: borderRadius.lg,
  },
  addressAddBtnText: {
    fontSize: 15,