TheMaddax
338f81f7ad
- Fixed theme selector dropdown positioning issues with proper Tailwind classes - Replaced custom CSS classes with standard Tailwind utilities for v4 compatibility - Implemented dynamic theme-aware styling system for dropdown appearance - Added theme-specific styling for Light, Dark, High Contrast Light, High Contrast Dark - Enhanced UX with professional dropdown interface and visual consistency - Maintained 100% theme compliance and accessibility standards - Updated memory bank documentation with Phase 7 completion Key improvements: - Professional dropdown with proper shadows, borders, and backgrounds - Dynamic styling that adapts to current website theme - Enhanced accessibility with ARIA support and keyboard navigation - Seamless visual integration across all theme modes - Production-ready theme selector with polished UI
88 lines
2.3 KiB
YAML
88 lines
2.3 KiB
YAML
services:
|
|
# Frontend development service with hot reloading
|
|
frontend:
|
|
build:
|
|
context: ./frontend
|
|
dockerfile: Dockerfile.dev
|
|
restart: unless-stopped
|
|
ports:
|
|
- "3000:3000"
|
|
depends_on:
|
|
- mongodb
|
|
environment:
|
|
- NODE_ENV=development
|
|
- NEXT_PUBLIC_API_URL=http://localhost:4000/api
|
|
volumes:
|
|
- ./frontend/src:/app/src:rw
|
|
- ./frontend/public:/app/public:rw
|
|
- ./frontend/package.json:/app/package.json:rw
|
|
- ./frontend/package-lock.json:/app/package-lock.json:rw
|
|
- ./frontend/next.config.js:/app/next.config.js:rw
|
|
- ./frontend/tailwind.config.js:/app/tailwind.config.js:rw
|
|
- ./frontend/postcss.config.js:/app/postcss.config.js:rw
|
|
- ./frontend/tsconfig.json:/app/tsconfig.json:rw
|
|
- /app/node_modules
|
|
- /app/.next
|
|
networks:
|
|
- app-network
|
|
command: npm run dev
|
|
|
|
# Backend development service with hot reloading
|
|
backend:
|
|
build:
|
|
context: ./backend
|
|
dockerfile: Dockerfile.dev
|
|
restart: unless-stopped
|
|
ports:
|
|
- "4000:4000"
|
|
depends_on:
|
|
- mongodb
|
|
environment:
|
|
- NODE_ENV=development
|
|
- MONGODB_URI=mongodb://admin:admin@mongodb:27017/ocd_db?authSource=ocd_db
|
|
- MONGO_HOST=mongodb
|
|
- MONGO_PORT=27017
|
|
- MONGO_DB=ocd_db
|
|
- MONGO_USER=admin
|
|
- MONGO_PASSWORD=admin
|
|
- PORT=4000
|
|
volumes:
|
|
- ./backend/src:/app/src:rw
|
|
- ./backend/package.json:/app/package.json:rw
|
|
- ./backend/package-lock.json:/app/package-lock.json:rw
|
|
- ./backend/tsconfig.json:/app/tsconfig.json:rw
|
|
- ./backend/uploads:/app/uploads:rw
|
|
- /app/node_modules
|
|
- /app/dist
|
|
networks:
|
|
- app-network
|
|
command: npm run dev
|
|
|
|
# MongoDB service for development
|
|
mongodb:
|
|
image: mongo:7.0
|
|
restart: unless-stopped
|
|
ports:
|
|
- "27017:27017"
|
|
volumes:
|
|
- mongo-dev-data:/data/db:rw
|
|
- ./mongo-init:/docker-entrypoint-initdb.d:ro
|
|
networks:
|
|
- app-network
|
|
environment:
|
|
- MONGO_INITDB_DATABASE=ocd-website
|
|
healthcheck:
|
|
test: echo 'db.runCommand("ping").ok' | mongosh localhost:27017 --quiet
|
|
interval: 30s
|
|
timeout: 10s
|
|
retries: 3
|
|
|
|
# Networks
|
|
networks:
|
|
app-network:
|
|
driver: bridge
|
|
|
|
# Volumes
|
|
volumes:
|
|
mongo-dev-data:
|
|
name: ocd-mongo-dev-data
|