summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorGravatar Matt Kane <ascorbic@users.noreply.github.com> 2025-04-24 14:01:31 +0000
committerGravatar astrobot-houston <fred+astrobot@astro.build> 2025-04-24 14:01:31 +0000
commit6ed83606f9bdfdf0a35aef1318cf0e2cb4b4236e (patch)
treec492ad358c9619a41e3e716c2336b800b0fbb19a
parentb16b5ef1ebbd1501bdac4ad9818c5165a0e76e7d (diff)
downloadastro-6ed83606f9bdfdf0a35aef1318cf0e2cb4b4236e.tar.gz
astro-6ed83606f9bdfdf0a35aef1318cf0e2cb4b4236e.tar.zst
astro-6ed83606f9bdfdf0a35aef1318cf0e2cb4b4236e.zip
[ci] format
-rw-r--r--packages/astro/src/assets/layout.ts6
-rw-r--r--packages/astro/src/types/public/config.ts8
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.
*