daniil/my-game
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🎨 Redesign UI + 🐛 Fix media answer modal auto-close

Browse Source
This commit is contained in:
Cosmo
2026-03-21 05:22:17 +00:00
parent 1d46ad8b06
commit c3b8415725
9 changed files with 451 additions and 532 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
client/tailwind.config.js
View File

@@ -9,43 +9,54 @@ export default {
colors: {
'game-blue': '#0A1E3D',
'game-gold': '#FFD700',
'game-purple': '#1a0533',
'game-deep': '#0d1b2a',
},
animation: {
'blob': 'blob 7s infinite',
'float': 'float 3s ease-in-out infinite',
'glow': 'glow 2s ease-in-out infinite alternate',
'shimmer': 'shimmer 2s linear infinite',
'pulse-slow': 'pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite',
'slide-up': 'slideUp 0.5s ease-out',
'scale-in': 'scaleIn 0.3s ease-out',
'buzz': 'buzz 0.15s ease-in-out 3',
},
keyframes: {
blob: {
'0%': {
transform: 'translate(0px, 0px) scale(1)',
},
'33%': {
transform: 'translate(30px, -50px) scale(1.1)',
},
'66%': {
transform: 'translate(-20px, 20px) scale(0.9)',
},
'100%': {
transform: 'translate(0px, 0px) scale(1)',
},
'0%': { transform: 'translate(0px, 0px) scale(1)' },
'33%': { transform: 'translate(30px, -50px) scale(1.1)' },
'66%': { transform: 'translate(-20px, 20px) scale(0.9)' },
'100%': { transform: 'translate(0px, 0px) scale(1)' },
},
float: {
'0%, 100%': {
transform: 'translateY(0px)',
},
'50%': {
transform: 'translateY(-20px)',
},
'0%, 100%': { transform: 'translateY(0px)' },
'50%': { transform: 'translateY(-20px)' },
},
glow: {
'from': {
'box-shadow': '0 0 20px rgba(255, 215, 0, 0.5)',
},
'to': {
'box-shadow': '0 0 30px rgba(255, 215, 0, 0.8)',
},
'from': { 'box-shadow': '0 0 20px rgba(255, 215, 0, 0.5)' },
'to': { 'box-shadow': '0 0 30px rgba(255, 215, 0, 0.8)' },
},
shimmer: {
'0%': { 'background-position': '-200% 0' },
'100%': { 'background-position': '200% 0' },
},
slideUp: {
'0%': { transform: 'translateY(20px)', opacity: '0' },
'100%': { transform: 'translateY(0)', opacity: '1' },
},
scaleIn: {
'0%': { transform: 'scale(0.9)', opacity: '0' },
'100%': { transform: 'scale(1)', opacity: '1' },
},
buzz: {
'0%, 100%': { transform: 'translateX(0)' },
'25%': { transform: 'translateX(-4px)' },
'75%': { transform: 'translateX(4px)' },
},
},
backgroundImage: {
'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
},
},
},