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:
@@ -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"]
|
||||
|
||||
Reference in New Issue
Block a user