diff --git a/docker-compose.yml b/docker-compose.yml index bc5e24e..2535fc4 100644 --- a/docker-compose.yml +++ b/docker-compose.yml @@ -7,14 +7,14 @@ services: image: postgres:16-alpine restart: unless-stopped environment: - POSTGRES_DB: farmaclic - POSTGRES_USER: farmaclic + POSTGRES_DB: farmafinder + POSTGRES_USER: farmafinder POSTGRES_PASSWORD: ${PG_PASSWORD:-change-me-in-production} volumes: - postgres_data:/var/lib/postgresql/data backend: - image: git.hacecalor.net/ichitux/farmaclic-backend:latest + image: git.hacecalor.net/ichitux/farmafinder-backend:latest build: context: . dockerfile: backend/Dockerfile @@ -31,13 +31,16 @@ services: REDIS_PASSWORD: ${REDIS_PASSWORD:-} DATABASE_PATH: /app/data/database.sqlite FARMACIAS_WEBHOOK_URL: ${FARMACIAS_WEBHOOK_URL:-} - PG_URL: postgresql://farmaclic:${PG_PASSWORD:-change-me-in-production}@postgres:5432/farmaclic + PG_URL: postgresql://farmafinder:${PG_PASSWORD:-change-me-in-production}@postgres:5432/farmafinder + VAPID_PUBLIC_KEY: ${VAPID_PUBLIC_KEY:-BIbQCkGpTiARXAjCzcYMxNtUIzLCLyo6G0iqgb_Qu5J7BNwghzHu1CIGrxsRyBw0V8koyf6y-xOE9HuStImlGJo} + VAPID_PRIVATE_KEY: ${VAPID_PRIVATE_KEY:-htjGyEWTL04MLhxuRcYEoUqO1LL2Nf9Y02g79Lizwqc} + VAPID_SUBJECT: ${VAPID_SUBJECT:-mailto:admin@farmafinder.local} # OpenTelemetry — exported via OTLP gRPC to the shared Alloy collector - OTEL_SERVICE_NAME: farmaclic-backend + OTEL_SERVICE_NAME: farmafinder-backend OTEL_EXPORTER_OTLP_ENDPOINT: http://host.docker.internal:4317 OTEL_TRACES_EXPORTER: otlp OTEL_LOGS_EXPORTER: otlp - OTEL_RESOURCE_ATTRIBUTES: service.namespace=farmaclic + OTEL_RESOURCE_ATTRIBUTES: service.namespace=farmafinder volumes: - backend_data:/app/data depends_on: @@ -45,12 +48,12 @@ services: - postgres frontend: - image: git.hacecalor.net/ichitux/farmaclic-frontend:latest + image: git.hacecalor.net/ichitux/farmafinder-frontend:latest build: context: ./frontend args: VITE_FARO_ENDPOINT: ${VITE_FARO_ENDPOINT:-http://localhost:4318} - VITE_FARO_APP_NAME: ${VITE_FARO_APP_NAME:-farmaclic-frontend} + VITE_FARO_APP_NAME: ${VITE_FARO_APP_NAME:-farmafinder-frontend} VITE_FARO_ENV: ${VITE_FARO_ENV:-production} VITE_FARO_APP_VERSION: ${VITE_FARO_APP_VERSION:-1.0.0} restart: unless-stopped diff --git a/frontend/public/app-icon-transparent.png b/frontend/public/app-icon-transparent.png new file mode 100644 index 0000000..bb65da3 Binary files /dev/null and b/frontend/public/app-icon-transparent.png differ diff --git a/frontend/public/favicon-transparent.png b/frontend/public/favicon-transparent.png new file mode 100644 index 0000000..2d90bec Binary files /dev/null and b/frontend/public/favicon-transparent.png differ diff --git a/frontend/public/logo-square-192-transparent.png b/frontend/public/logo-square-192-transparent.png new file mode 100644 index 0000000..a87e30e Binary files /dev/null and b/frontend/public/logo-square-192-transparent.png differ diff --git a/frontend/public/logo-square-512-transparent.png b/frontend/public/logo-square-512-transparent.png new file mode 100644 index 0000000..31d8d86 Binary files /dev/null and b/frontend/public/logo-square-512-transparent.png differ diff --git a/frontend/public/logo-transparent.png b/frontend/public/logo-transparent.png new file mode 100644 index 0000000..31d8d86 Binary files /dev/null and b/frontend/public/logo-transparent.png differ diff --git a/frontend/src/components/MedicineResults.css b/frontend/src/components/MedicineResults.css index 2344d2b..80be2cb 100644 --- a/frontend/src/components/MedicineResults.css +++ b/frontend/src/components/MedicineResults.css @@ -9,6 +9,12 @@ animation: fadeInUp 0.5s ease-out; } +@media (min-width: 768px) { + .medicine-results { + max-height: 76vh; + } +} + .medicine-card { background: var(--surface-container-lowest); border-radius: var(--radius-md); diff --git a/frontend/src/views/SearchView.css b/frontend/src/views/SearchView.css index b2a734a..20fd9e0 100644 --- a/frontend/src/views/SearchView.css +++ b/frontend/src/views/SearchView.css @@ -2,6 +2,14 @@ width: 100%; max-width: 48rem; margin: 0 auto; + min-height: 100%; +} + +@media (min-width: 768px) { + .search-view { + max-width: 100%; + padding: 0 2rem; + } } .search-content { @@ -190,6 +198,12 @@ overscroll-behavior: contain; } +@media (min-width: 768px) { + .selected-medicine-section { + max-height: 76vh; + } +} + .medicine-info { background: var(--surface-container-lowest); border-radius: var(--radius-md);