Skip to content

Commit 6ed8360

Browse files
ascorbicastrobot-houston
authored andcommitted
[ci] format
1 parent b16b5ef commit 6ed8360

2 files changed

Lines changed: 7 additions & 7 deletions

File tree

packages/astro/src/assets/layout.ts

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -100,15 +100,15 @@ export const getSizesAttribute = ({
100100
switch (layout) {
101101
// If screen is wider than the max size then image width is the max size,
102102
// otherwise it's the width of the screen
103-
case "constrained":
103+
case 'constrained':
104104
return `(min-width: ${width}px) ${width}px, 100vw`;
105105

106106
// Image is always the same width, whatever the size of the screen
107-
case "fixed":
107+
case 'fixed':
108108
return `${width}px`;
109109

110110
// Image is always the width of the screen
111-
case "full-width":
111+
case 'full-width':
112112
return `100vw`;
113113

114114
case 'none':

packages/astro/src/types/public/config.ts

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2133,20 +2133,20 @@ export interface ViteUserConfig extends OriginalViteUserConfig {
21332133
* The following styles are applied to ensure the images resize correctly:
21342134
*
21352135
* ```css title="Responsive Image Styles"
2136-
*
2136+
*
21372137
* :where([data-astro-image]) {
21382138
* object-fit: var(--fit);
21392139
* object-position: var(--pos);
21402140
* }
2141-
*
2141+
*
21422142
* :where([data-astro-image='full-width']) {
21432143
* width: 100%;
21442144
* }
2145-
*
2145+
*
21462146
* :where([data-astro-image='constrained']) {
21472147
* max-width: 100%;
21482148
* }
2149-
*
2149+
*
21502150
* ```
21512151
* 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.
21522152
*

0 commit comments

Comments
 (0)