Fix iframe width (#3279)

quiltdata · Jan 23, 2023 · 94d6673 · 94d6673
1 parent 010115a
commit 94d6673
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/catalog/app/components/Preview/renderers/IFrame.tsx b/catalog/app/components/Preview/renderers/IFrame.tsx
@@ -5,6 +5,7 @@ const useStyles = M.makeStyles({
   root: {
     border: 'none',
     height: '90vh',
+    width: '100%',
   },
 })
 

diff --git a/catalog/app/containers/Admin/Settings/ThemeEditor.tsx b/catalog/app/containers/Admin/Settings/ThemeEditor.tsx
@@ -204,7 +204,7 @@ function ThemePreview({}: ThemePreviewProps) {
   )
 }
 
-const useThemeEditorStyles = M.makeStyles((t) => ({
+const useStyles = M.makeStyles((t) => ({
   actions: {
     alignItems: 'center',
     display: 'flex',
@@ -226,7 +226,7 @@ export default function ThemeEditor() {
 
   const { push } = Notifications.use()
 
-  const classes = useThemeEditorStyles({
+  const classes = useStyles({
     backgroundColor: settings?.theme?.palette?.primary?.main,
   })
 

diff --git a/docs/CHANGELOG.md b/docs/CHANGELOG.md
@@ -21,6 +21,7 @@ Entries inside each section should be ordered by type:
 * [Added] WebP support in thumbnail lambda ([#3275](https://github.com/quiltdata/quilt/pull/3275))
 * [Fixed] Fix performance issue (missing memoization) in search results ([#3257](https://github.com/quiltdata/quilt/pull/3257))
 * [Fixed] Fix fetching and writing settings in Admin/Settings section ([#3276](https://github.com/quiltdata/quilt/pull/3276))
+* [Fixed] Fix iframe preview width ([#3279](https://github.com/quiltdata/quilt/pull/3279))
 * [Changed] Make file preview wrapper consistently 100% width ([#3245](https://github.com/quiltdata/quilt/pull/3245))
 * [Changed] Show collapsed values in JSON viewer ([#3249](https://github.com/quiltdata/quilt/pull/3249))
 * [Changed] Rename "Metadata" to "User metadata" ([#3255](https://github.com/quiltdata/quilt/pull/3255))