From 9e29e11fc0060d45b4f40f69bd8222cfb28a30ca Mon Sep 17 00:00:00 2001 From: Suraj Date: Mon, 15 Jan 2024 15:38:12 +0530 Subject: [PATCH 1/2] fix: image height width set to revert-layer --- packages/config/src/theme/Image.ts | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/packages/config/src/theme/Image.ts b/packages/config/src/theme/Image.ts index 7c6ec1bc73..1758c0f490 100644 --- a/packages/config/src/theme/Image.ts +++ b/packages/config/src/theme/Image.ts @@ -2,6 +2,15 @@ import { createStyle } from '@gluestack-style/react'; export const Image = createStyle({ maxWidth: '$full', + _web: { + props: { + // set property to revert-layer as RNW always set image height width inline + style: { + height: 'revert-layer', + width: 'revert-layer', + }, + }, + }, variants: { size: { '2xs': { @@ -44,6 +53,7 @@ export const Image = createStyle({ }, }, }, + defaultProps: { size: 'md', }, From f0b64e3243d6a877e1626d686fc1dd25d7545ce0 Mon Sep 17 00:00:00 2001 From: Viraj-10 Date: Mon, 15 Jan 2024 15:47:56 +0530 Subject: [PATCH 2/2] chore: @gluestack-ui/config version bump to 1.0.12 --- packages/config/CHANGELOG.md | 6 ++++++ packages/config/package.json | 2 +- 2 files changed, 7 insertions(+), 1 deletion(-) diff --git a/packages/config/CHANGELOG.md b/packages/config/CHANGELOG.md index 451d7575da..3c678cbfdb 100644 --- a/packages/config/CHANGELOG.md +++ b/packages/config/CHANGELOG.md @@ -1,5 +1,11 @@ # @gluestack-ui/config +## 1.0.12 + +### Patch Changes + +- Image height and width issue. + ## 1.0.11 ### Patch Changes diff --git a/packages/config/package.json b/packages/config/package.json index de8474e35e..6e41ee827d 100644 --- a/packages/config/package.json +++ b/packages/config/package.json @@ -1,6 +1,6 @@ { "name": "@gluestack-ui/config", - "version": "1.0.11", + "version": "1.0.12", "main": "build/gluestack-ui.config.js", "types": "build/gluestack-ui.config.d.ts", "module": "build/gluestack-ui.config",