diff options
author | 2025-04-24 14:01:31 +0000 | |
---|---|---|
committer | 2025-04-24 14:01:31 +0000 | |
commit | 6ed83606f9bdfdf0a35aef1318cf0e2cb4b4236e (patch) | |
tree | c492ad358c9619a41e3e716c2336b800b0fbb19a | |
parent | b16b5ef1ebbd1501bdac4ad9818c5165a0e76e7d (diff) | |
download | astro-6ed83606f9bdfdf0a35aef1318cf0e2cb4b4236e.tar.gz astro-6ed83606f9bdfdf0a35aef1318cf0e2cb4b4236e.tar.zst astro-6ed83606f9bdfdf0a35aef1318cf0e2cb4b4236e.zip |
[ci] format
-rw-r--r-- | packages/astro/src/assets/layout.ts | 6 | ||||
-rw-r--r-- | packages/astro/src/types/public/config.ts | 8 |
2 files changed, 7 insertions, 7 deletions
diff --git a/packages/astro/src/assets/layout.ts b/packages/astro/src/assets/layout.ts index 1fca3f4e0..ea0be6f74 100644 --- a/packages/astro/src/assets/layout.ts +++ b/packages/astro/src/assets/layout.ts @@ -100,15 +100,15 @@ export const getSizesAttribute = ({ switch (layout) { // If screen is wider than the max size then image width is the max size, // otherwise it's the width of the screen - case "constrained": + case 'constrained': return `(min-width: ${width}px) ${width}px, 100vw`; // Image is always the same width, whatever the size of the screen - case "fixed": + case 'fixed': return `${width}px`; // Image is always the width of the screen - case "full-width": + case 'full-width': return `100vw`; case 'none': diff --git a/packages/astro/src/types/public/config.ts b/packages/astro/src/types/public/config.ts index 9371f548d..a73a00355 100644 --- a/packages/astro/src/types/public/config.ts +++ b/packages/astro/src/types/public/config.ts @@ -2133,20 +2133,20 @@ export interface ViteUserConfig extends OriginalViteUserConfig { * The following styles are applied to ensure the images resize correctly: * * ```css title="Responsive Image Styles" - * + * * :where([data-astro-image]) { * object-fit: var(--fit); * object-position: var(--pos); * } - * + * * :where([data-astro-image='full-width']) { * width: 100%; * } - * + * * :where([data-astro-image='constrained']) { * max-width: 100%; * } - * + * * ``` * You can enable responsive images for all `<Image />` and `<Picture />` components by setting `image.experimentalLayout` with a default value. This can be overridden by the `layout` prop on each component. * |