fix: Header overlap and image paths

1. Header overlap fixed:
   - Added pt-32 (padding-top: 8rem) to main
   - Compensates for fixed header height

2. Images not showing ROOT CAUSE FIXED:
   - Public folder NOT auto-copied to dist by Astro
   - Added: RUN cp -r /app/public/* /app/dist/
   - Now images will be in dist/images/ after build
   - Serve can find them at /images/...

This is the actual fix - Astro doesn't copy public to dist!
This commit is contained in:
Kunthawat
2026-03-11 19:37:21 +07:00
parent 13abb5b553
commit 43df6a4eac
2 changed files with 6 additions and 5 deletions

View File

@@ -14,6 +14,9 @@ RUN mkdir -p data
# Build Astro
RUN npm run build
# Copy public folder to dist (Astro doesn't do this automatically)
RUN cp -r /app/public/* /app/dist/
# Production Stage
FROM node:20-alpine
@@ -25,9 +28,8 @@ RUN apk add --no-cache sqlite-libs
COPY package*.json ./
RUN npm install --production
# Copy ALL built assets
# Copy built assets from builder
COPY --from=builder /app/dist ./dist
COPY --from=builder /app/public ./public
COPY --from=builder /app/data ./data
EXPOSE 80
@@ -41,5 +43,5 @@ ENV ASTRO_DB_REMOTE_URL=file:/app/data/consent.db
ENV HOST=0.0.0.0
ENV PORT=80
# Serve static files on port 80
# Serve static files from dist
CMD ["npx", "serve", "dist", "-l", "80", "--no-clipboard", "--cors"]