Create new Flutter app

The prompt requests the creation of a new app with a neumorphic design, similar to a household account book, using Flutter.
This commit is contained in:
gpt-engineer-app[bot]
2025-03-08 07:56:49 +00:00
parent 1b620c2148
commit cb4c78ebeb
12 changed files with 920 additions and 10 deletions

View File

@@ -1,3 +1,4 @@
import type { Config } from "tailwindcss";
export default {
@@ -61,6 +62,17 @@ export default {
'accent-foreground': 'hsl(var(--sidebar-accent-foreground))',
border: 'hsl(var(--sidebar-border))',
ring: 'hsl(var(--sidebar-ring))'
},
neuro: {
background: '#f0f0f3',
light: '#ffffff',
dark: '#d1d9e6',
shadow: 'rgba(209, 217, 230, 0.5)',
highlight: 'rgba(255, 255, 255, 0.5)',
accent: '#6e59a5',
'accent-light': '#9b87f5',
expense: '#e57373',
income: '#81c784'
}
},
borderRadius: {
@@ -84,11 +96,46 @@ export default {
to: {
height: '0'
}
},
'float': {
'0%, 100%': { transform: 'translateY(0)' },
'50%': { transform: 'translateY(-5px)' }
},
'pulse-subtle': {
'0%, 100%': { opacity: '1' },
'50%': { opacity: '0.8' }
},
'slide-up': {
'0%': { transform: 'translateY(10px)', opacity: '0' },
'100%': { transform: 'translateY(0)', opacity: '1' }
},
'slide-down': {
'0%': { transform: 'translateY(-10px)', opacity: '0' },
'100%': { transform: 'translateY(0)', opacity: '1' }
},
'fade-in': {
'0%': { opacity: '0' },
'100%': { opacity: '1' }
},
'scale-in': {
'0%': { transform: 'scale(0.95)', opacity: '0' },
'100%': { transform: 'scale(1)', opacity: '1' }
}
},
animation: {
'accordion-down': 'accordion-down 0.2s ease-out',
'accordion-up': 'accordion-up 0.2s ease-out'
'accordion-up': 'accordion-up 0.2s ease-out',
'float': 'float 3s ease-in-out infinite',
'pulse-subtle': 'pulse-subtle 3s ease-in-out infinite',
'slide-up': 'slide-up 0.3s ease-out',
'slide-down': 'slide-down 0.3s ease-out',
'fade-in': 'fade-in 0.4s ease-out',
'scale-in': 'scale-in 0.3s ease-out'
},
boxShadow: {
'neuro-flat': '5px 5px 10px rgba(209, 217, 230, 0.5), -5px -5px 10px rgba(255, 255, 255, 0.5)',
'neuro-pressed': 'inset 5px 5px 10px rgba(209, 217, 230, 0.5), inset -5px -5px 10px rgba(255, 255, 255, 0.5)',
'neuro-convex': '5px 5px 10px rgba(209, 217, 230, 0.5), -5px -5px 10px rgba(255, 255, 255, 0.5), inset 1px 1px 2px rgba(255, 255, 255, 0.25), inset -1px -1px 2px rgba(209, 217, 230, 0.25)'
}
}
},