From c17b58f141050ed338731a0d5ecc1435c4f9957a Mon Sep 17 00:00:00 2001 From: joostdecock Date: Mon, 21 Apr 2025 12:15:32 +0000 Subject: [PATCH] [react] fix: Apply correct CSS class. Fixes #245 (#271) Reviewed-on: https://codeberg.org/freesewing/freesewing/pulls/271 TODO: fix rotate button Co-authored-by: joostdecock Co-committed-by: joostdecock --- .../react/components/Editor/components/views/DraftView.mjs | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/packages/react/components/Editor/components/views/DraftView.mjs b/packages/react/components/Editor/components/views/DraftView.mjs index da1c6adad42..89caecff34f 100644 --- a/packages/react/components/Editor/components/views/DraftView.mjs +++ b/packages/react/components/Editor/components/views/DraftView.mjs @@ -8,6 +8,7 @@ import { PatternLayout } from '../PatternLayout.mjs' import { DraftErrorHandler } from './DraftErrorHandler.mjs' import { i18nPlugin } from '@freesewing/plugin-i18n' import { themePlugin } from '@freesewing/plugin-theme' +import { svgAttrPlugin } from '@freesewing/plugin-svgattr' import { translateStrings } from '../../../Pattern/index.mjs' /** @@ -47,6 +48,9 @@ export const DraftView = ({ Design, state, update, config, plugins = [], PluginO const strings = bundlePatternTranslations(pattern.designConfig.data.id) pattern.use(i18nPlugin, (t) => translateStrings([t], strings)) pattern.use(themePlugin) + pattern.use(svgAttrPlugin, { + class: `freesewing pattern tw:w-full ${state.ui.rotate ? 'tw:-rotate-90' : ''}`, + }) } })