5171a789e9
✅ COMPLETED: 1. Dockerfile uses port 80 (astro preview) 2. BaseLayout imports globals.css 3. globals.css with Tailwind v4 @theme syntax 4. index.astro has Header, Footer, FixedContact 5. All image references fixed to existing files 6. Hero uses hdpe_pipe_main.jpg 7. Product cards use hdpe001.jpg 8. pt-20 on main for fixed header ✅ TESTED LOCALLY: - Build: 15 pages in 1.27s - Docker build successful - Port 80 working - Images load - CSS works Ready for Easypanel deployment.
26 lines
1.0 KiB
TypeScript
26 lines
1.0 KiB
TypeScript
import type { ImageLayout } from './types.js';
|
|
export declare const DEFAULT_RESOLUTIONS: number[];
|
|
export declare const LIMITED_RESOLUTIONS: number[];
|
|
/**
|
|
* Gets the breakpoints for an image, based on the layout and width
|
|
*
|
|
* The rules are as follows:
|
|
*
|
|
* - For full-width layout we return all breakpoints smaller than the original image width
|
|
* - For fixed layout we return 1x and 2x the requested width, unless the original image is smaller than that.
|
|
* - For responsive layout we return all breakpoints smaller than 2x the requested width, unless the original image is smaller than that.
|
|
*/
|
|
export declare const getWidths: ({ width, layout, breakpoints, originalWidth, }: {
|
|
width?: number;
|
|
layout: ImageLayout;
|
|
breakpoints?: Array<number>;
|
|
originalWidth?: number;
|
|
}) => Array<number>;
|
|
/**
|
|
* Gets the `sizes` attribute for an image, based on the layout and width
|
|
*/
|
|
export declare const getSizesAttribute: ({ width, layout, }: {
|
|
width?: number;
|
|
layout?: ImageLayout;
|
|
}) => string | undefined;
|