Vite + React

From 068b93a8789c296902576908bde87631fd0a40e1 Mon Sep 17 00:00:00 2001 From: Jeremy Thomas Date: Thu, 27 Jun 2024 00:35:13 +0100 Subject: [PATCH] Make Customizer a floating window --- docs/_react/bulma-customizer/index.html | 18 ++++++++- docs/_react/bulma-customizer/src/App.jsx | 38 ++++++++----------- .../bulma-customizer/src/App.module.css | 18 +++------ .../bulma-customizer/src/components/Color.jsx | 9 ++++- .../src/components/VarItem.jsx | 24 ++++++------ .../src/components/VarItem.module.css | 3 -- docs/_react/bulma-customizer/src/main.jsx | 2 +- .../src/pages/elements/Box.jsx | 2 - .../javascript/bulma-customizer/index.css | 2 +- .../javascript/bulma-customizer/index.js | 20 +++++----- docs/assets/javascript/main.js | 4 ++ 11 files changed, 72 insertions(+), 68 deletions(-) diff --git a/docs/_react/bulma-customizer/index.html b/docs/_react/bulma-customizer/index.html index 8b046692..b999a5a7 100644 --- a/docs/_react/bulma-customizer/index.html +++ b/docs/_react/bulma-customizer/index.html @@ -5,9 +5,23 @@ Vite + React + -

+

@@ -25,7 +39,7 @@

-

+

diff --git a/docs/_react/bulma-customizer/src/App.jsx b/docs/_react/bulma-customizer/src/App.jsx index 1997f09a..1c490f16 100644 --- a/docs/_react/bulma-customizer/src/App.jsx +++ b/docs/_react/bulma-customizer/src/App.jsx @@ -189,8 +189,9 @@ function App() { }; const [context, setContext] = useState(initialContext); - const handleTabChange = (event, tabId) => { + const handleTabChange = (event) => { event.preventDefault(); + const tabId = event.target.value; context.changeTab(tabId); context.changePage(PAGE_IDS[tabId][0]); }; @@ -373,7 +374,7 @@ function App() { } const computedValue = `${current}${unit}`; - const declaration = `--bulma-${id}: ${computedValue};`; + const declaration = `--bulma-${id}: ${computedValue} !important;`; if (scope in rules) { rules[scope].push(declaration); @@ -403,28 +404,19 @@ function App() {