From 70c28f54b8fc88d5da656eb799ee44e43daccf01 Mon Sep 17 00:00:00 2001 From: Sean Edmunds Date: Thu, 31 Jul 2025 16:41:59 -0500 Subject: [PATCH] Minor style updates --- package-lock.json | 108 +++++++++--------- package.json | 16 +-- .../ThemeModal/components/ThemeEditor.tsx | 19 ++- 3 files changed, 75 insertions(+), 68 deletions(-) diff --git a/package-lock.json b/package-lock.json index 6fbc492..3bb9e6d 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9,13 +9,13 @@ "version": "1.0.0", "dependencies": { "@hello-pangea/dnd": "^18.0.1", - "@mantine/core": "^8.2.1", - "@mantine/form": "^8.2.1", - "@mantine/hooks": "^8.2.1", - "@mantine/notifications": "^8.2.1", - "@tanstack/react-query": "^5.83.0", - "@tanstack/react-query-devtools": "^5.83.0", - "@tanstack/react-query-persist-client": "^5.83.0", + "@mantine/core": "^8.2.2", + "@mantine/form": "^8.2.2", + "@mantine/hooks": "^8.2.2", + "@mantine/notifications": "^8.2.2", + "@tanstack/react-query": "^5.84.0", + "@tanstack/react-query-devtools": "^5.84.0", + "@tanstack/react-query-persist-client": "^5.84.0", "idb-keyval": "^6.2.2", "jotai": "^2.12.5", "react": "^19.1.1", @@ -31,7 +31,7 @@ "@vitejs/plugin-react": "^4.7.0", "@vitest/coverage-v8": "^3.2.4", "@vitest/ui": "^3.2.4", - "typescript": "^5.8.3", + "typescript": "^5.9.2", "vite": "^7.0.6", "vite-plugin-dts": "~4.5.4", "vite-tsconfig-paths": "^5.1.4", @@ -930,9 +930,9 @@ } }, "node_modules/@mantine/core": { - "version": "8.2.1", - "resolved": "https://registry.npmjs.org/@mantine/core/-/core-8.2.1.tgz", - "integrity": "sha512-KxvydotyFRdrRbqULUX2G35/GddPFju9XQUv/vdDWu1ytIWZViTguc+WSj1aBd0DtfRrSaofU5ezZISEXVrPBA==", + "version": "8.2.2", + "resolved": "https://registry.npmjs.org/@mantine/core/-/core-8.2.2.tgz", + "integrity": "sha512-+WnqII3zSD72F+7GLcRXZ/MyO4r7A4JM/yWkCSclxR4LeRQ5bd4HBRXkvXRMZP28UeL2b5X9Re2Sig3KVGDBeQ==", "license": "MIT", "dependencies": { "@floating-ui/react": "^0.26.28", @@ -943,15 +943,15 @@ "type-fest": "^4.27.0" }, "peerDependencies": { - "@mantine/hooks": "8.2.1", + "@mantine/hooks": "8.2.2", "react": "^18.x || ^19.x", "react-dom": "^18.x || ^19.x" } }, "node_modules/@mantine/form": { - "version": "8.2.1", - "resolved": "https://registry.npmjs.org/@mantine/form/-/form-8.2.1.tgz", - "integrity": "sha512-XXGdO3IgTNcDl6lP7FIysEaH0rP6CfOGulxQA3ot+hHA8/JxmHWoWeoKOBE8I6QW7UYqaBxARxgBHLMcp8qASw==", + "version": "8.2.2", + "resolved": "https://registry.npmjs.org/@mantine/form/-/form-8.2.2.tgz", + "integrity": "sha512-HdoP9fWqZqQvDggYSqlHDCtu0xz/Ts10w4+qd3jZw0LmCx18J+NbMRWJHlVRznAEuNlnWtKdxRHOI68BgLRFFQ==", "license": "MIT", "dependencies": { "fast-deep-equal": "^3.1.3", @@ -962,34 +962,34 @@ } }, "node_modules/@mantine/hooks": { - "version": "8.2.1", - "resolved": "https://registry.npmjs.org/@mantine/hooks/-/hooks-8.2.1.tgz", - "integrity": "sha512-gnRDk5FXCD9fa0AjlAj9otCsZL9QJzVrpYZk9KjOEoP5XR1TEE2F9/rGbajh1UVjPnD3jUlNLRJMH0YHTlA65A==", + "version": "8.2.2", + "resolved": "https://registry.npmjs.org/@mantine/hooks/-/hooks-8.2.2.tgz", + "integrity": "sha512-fjt0+pc1UxJIIUswu4ur72qVH+/UoFxyYmqWexuHJTOvuB86M//KUvXpFyhJcTdEENBHg2k1fyMpWmgg1VOZ5w==", "license": "MIT", "peerDependencies": { "react": "^18.x || ^19.x" } }, "node_modules/@mantine/notifications": { - "version": "8.2.1", - "resolved": "https://registry.npmjs.org/@mantine/notifications/-/notifications-8.2.1.tgz", - "integrity": "sha512-9s4oN0ruX7AqUghZIXEwx9/t+fHATe/kvn5O5Zum+MFoOH46p8k4ljNb6BBDKTtT3clRHx7KHTR7OrLWlDEjrw==", + "version": "8.2.2", + "resolved": "https://registry.npmjs.org/@mantine/notifications/-/notifications-8.2.2.tgz", + "integrity": "sha512-XThhzNomF6vQtGqEnjCP0nidP34uSTmNLDkyo7ITqVEe9/KAMqf6PcWZ20xShokVtXGE/L9fq1jOhdCZ9eLVxg==", "license": "MIT", "dependencies": { - "@mantine/store": "8.2.1", + "@mantine/store": "8.2.2", "react-transition-group": "4.4.5" }, "peerDependencies": { - "@mantine/core": "8.2.1", - "@mantine/hooks": "8.2.1", + "@mantine/core": "8.2.2", + "@mantine/hooks": "8.2.2", "react": "^18.x || ^19.x", "react-dom": "^18.x || ^19.x" } }, "node_modules/@mantine/store": { - "version": "8.2.1", - "resolved": "https://registry.npmjs.org/@mantine/store/-/store-8.2.1.tgz", - "integrity": "sha512-4DAVJcI5Sa8Zez/23DV4eipYbqRfw7r+UkuWczPFyhAU+BZdfIql1gFipojAlR0FpWbB8aL0F7wFKNKfkZ0YCQ==", + "version": "8.2.2", + "resolved": "https://registry.npmjs.org/@mantine/store/-/store-8.2.2.tgz", + "integrity": "sha512-4uvXAuCxPCOLRBgyy0tuIhm8cWsX8odcxVSc6lNWT5K0rT04gvB96I27MWThyGGLqB/BfON3VcBZ1dIMzt7k7w==", "license": "MIT", "peerDependencies": { "react": "^18.x || ^19.x" @@ -1629,9 +1629,9 @@ "license": "MIT" }, "node_modules/@tanstack/query-core": { - "version": "5.83.0", - "resolved": "https://registry.npmjs.org/@tanstack/query-core/-/query-core-5.83.0.tgz", - "integrity": "sha512-0M8dA+amXUkyz5cVUm/B+zSk3xkQAcuXuz5/Q/LveT4ots2rBpPTZOzd7yJa2Utsf8D2Upl5KyjhHRY+9lB/XA==", + "version": "5.83.1", + "resolved": "https://registry.npmjs.org/@tanstack/query-core/-/query-core-5.83.1.tgz", + "integrity": "sha512-OG69LQgT7jSp+5pPuCfzltq/+7l2xoweggjme9vlbCPa/d7D7zaqv5vN/S82SzSYZ4EDLTxNO1PWrv49RAS64Q==", "license": "MIT", "funding": { "type": "github", @@ -1639,9 +1639,9 @@ } }, "node_modules/@tanstack/query-devtools": { - "version": "5.81.2", - "resolved": "https://registry.npmjs.org/@tanstack/query-devtools/-/query-devtools-5.81.2.tgz", - "integrity": "sha512-jCeJcDCwKfoyyBXjXe9+Lo8aTkavygHHsUHAlxQKKaDeyT0qyQNLKl7+UyqYH2dDF6UN/14873IPBHchcsU+Zg==", + "version": "5.84.0", + "resolved": "https://registry.npmjs.org/@tanstack/query-devtools/-/query-devtools-5.84.0.tgz", + "integrity": "sha512-fbF3n+z1rqhvd9EoGp5knHkv3p5B2Zml1yNRjh7sNXklngYI5RVIWUrUjZ1RIcEoscarUb0+bOvIs5x9dwzOXQ==", "license": "MIT", "funding": { "type": "github", @@ -1649,12 +1649,12 @@ } }, "node_modules/@tanstack/query-persist-client-core": { - "version": "5.83.0", - "resolved": "https://registry.npmjs.org/@tanstack/query-persist-client-core/-/query-persist-client-core-5.83.0.tgz", - "integrity": "sha512-hdKgHkr1MYnwZX+QHj/9JjXZx9gL2RUCD5xSX0EHZiqUQhMk4Gcryq9xosn8LmYRMlhkjk7n9uV+X4UXRvgoIg==", + "version": "5.83.1", + "resolved": "https://registry.npmjs.org/@tanstack/query-persist-client-core/-/query-persist-client-core-5.83.1.tgz", + "integrity": "sha512-GPWt1tj8kmo3LA1WPpSmJA3JGCdQfaggb1LheFEfr3RuwbTchWd09xD/fZ40m9ai0pJupvyguLiWF8On8sQWPw==", "license": "MIT", "dependencies": { - "@tanstack/query-core": "5.83.0" + "@tanstack/query-core": "5.83.1" }, "funding": { "type": "github", @@ -1662,12 +1662,12 @@ } }, "node_modules/@tanstack/react-query": { - "version": "5.83.0", - "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-5.83.0.tgz", - "integrity": "sha512-/XGYhZ3foc5H0VM2jLSD/NyBRIOK4q9kfeml4+0x2DlL6xVuAcVEW+hTlTapAmejObg0i3eNqhkr2dT+eciwoQ==", + "version": "5.84.0", + "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-5.84.0.tgz", + "integrity": "sha512-iPycFGLq5lltDE16Jf13Nx7SOvtfoopfOH/+Ahbdd+z4QqOfYu/SOkY86AVYVcKjneuqPxTm8e85lSGhwe0cog==", "license": "MIT", "dependencies": { - "@tanstack/query-core": "5.83.0" + "@tanstack/query-core": "5.83.1" }, "funding": { "type": "github", @@ -1678,36 +1678,36 @@ } }, "node_modules/@tanstack/react-query-devtools": { - "version": "5.83.0", - "resolved": "https://registry.npmjs.org/@tanstack/react-query-devtools/-/react-query-devtools-5.83.0.tgz", - "integrity": "sha512-yfp8Uqd3I1jgx8gl0lxbSSESu5y4MO2ThOPBnGNTYs0P+ZFu+E9g5IdOngyUGuo6Uz6Qa7p9TLdZEX3ntik2fQ==", + "version": "5.84.0", + "resolved": "https://registry.npmjs.org/@tanstack/react-query-devtools/-/react-query-devtools-5.84.0.tgz", + "integrity": "sha512-7SwgDOm1Waz9wKOwR8WPaN4yo6zq1UBQxGLWy/SJWZOoo2bUVRVlGPvFicuOUwQWv5VDzzNYq4GvTQnX4T3xtw==", "license": "MIT", "dependencies": { - "@tanstack/query-devtools": "5.81.2" + "@tanstack/query-devtools": "5.84.0" }, "funding": { "type": "github", "url": "https://github.com/sponsors/tannerlinsley" }, "peerDependencies": { - "@tanstack/react-query": "^5.83.0", + "@tanstack/react-query": "^5.84.0", "react": "^18 || ^19" } }, "node_modules/@tanstack/react-query-persist-client": { - "version": "5.83.0", - "resolved": "https://registry.npmjs.org/@tanstack/react-query-persist-client/-/react-query-persist-client-5.83.0.tgz", - "integrity": "sha512-uEqJnSbqlvzlhYJ+RU+2c2DmbbT7cw6eFjiewEXZFXaSGWNjvUG02LePrwL8cdLlRQFcZKas30IdckboOoVg9Q==", + "version": "5.84.0", + "resolved": "https://registry.npmjs.org/@tanstack/react-query-persist-client/-/react-query-persist-client-5.84.0.tgz", + "integrity": "sha512-vpe2KnCkbcZmbk4SXObKxJL9BKP6IlZxBOi5Ua7oZFa8LKoECBHR+oK0YoEhtQKVaBaRbSc7G0YsuUZWct7vRQ==", "license": "MIT", "dependencies": { - "@tanstack/query-persist-client-core": "5.83.0" + "@tanstack/query-persist-client-core": "5.83.1" }, "funding": { "type": "github", "url": "https://github.com/sponsors/tannerlinsley" }, "peerDependencies": { - "@tanstack/react-query": "^5.83.0", + "@tanstack/react-query": "^5.84.0", "react": "^18 || ^19" } }, @@ -4313,9 +4313,9 @@ } }, "node_modules/typescript": { - "version": "5.8.3", - "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.3.tgz", - "integrity": "sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==", + "version": "5.9.2", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.2.tgz", + "integrity": "sha512-CWBzXQrc/qOkhidw1OzBTQuYRbfyxDXJMVJ1XNwUHGROVmuaeiEm3OslpZ1RV96d7SKKjZKrSJu3+t/xlw3R9A==", "dev": true, "license": "Apache-2.0", "bin": { diff --git a/package.json b/package.json index 232b75c..e4d6b96 100644 --- a/package.json +++ b/package.json @@ -11,13 +11,13 @@ }, "dependencies": { "@hello-pangea/dnd": "^18.0.1", - "@mantine/core": "^8.2.1", - "@mantine/form": "^8.2.1", - "@mantine/hooks": "^8.2.1", - "@mantine/notifications": "^8.2.1", - "@tanstack/react-query": "^5.83.0", - "@tanstack/react-query-devtools": "^5.83.0", - "@tanstack/react-query-persist-client": "^5.83.0", + "@mantine/core": "^8.2.2", + "@mantine/form": "^8.2.2", + "@mantine/hooks": "^8.2.2", + "@mantine/notifications": "^8.2.2", + "@tanstack/react-query": "^5.84.0", + "@tanstack/react-query-devtools": "^5.84.0", + "@tanstack/react-query-persist-client": "^5.84.0", "idb-keyval": "^6.2.2", "jotai": "^2.12.5", "react": "^19.1.1", @@ -33,7 +33,7 @@ "@vitejs/plugin-react": "^4.7.0", "@vitest/coverage-v8": "^3.2.4", "@vitest/ui": "^3.2.4", - "typescript": "^5.8.3", + "typescript": "^5.9.2", "vite": "^7.0.6", "vite-plugin-dts": "~4.5.4", "vite-tsconfig-paths": "^5.1.4", diff --git a/src/pages/settings/components/Theming/Themes/ThemeModal/components/ThemeEditor.tsx b/src/pages/settings/components/Theming/Themes/ThemeModal/components/ThemeEditor.tsx index d24efb6..35b474b 100644 --- a/src/pages/settings/components/Theming/Themes/ThemeModal/components/ThemeEditor.tsx +++ b/src/pages/settings/components/Theming/Themes/ThemeModal/components/ThemeEditor.tsx @@ -244,6 +244,13 @@ export function ThemeEditor({ }} pos={'absolute'} right={0} + style={{ + color: selectedTheme.backgroundColor, + backgroundColor: selectedTheme.primaryColor, + borderRadius: 0, + borderBottomLeftRadius: 10, + borderTopRightRadius: 10, + }} > @@ -273,7 +280,7 @@ export function ThemeEditor({ Change{' '} {BackgroundProperties[colorId as keyof typeof BackgroundProperties]} - {colorId === 'backgroundColor' && ( + {(colorId === 'backgroundColor' || colorId === 'searchColor') && ( { @@ -283,12 +290,11 @@ export function ThemeEditor({ backgroundColor: e, }); }} - format={'hex'} + format={'hexa'} w={'90%'} - mb={'1.5rem'} /> )} - {colorId !== 'backgroundColor' && ( + {colorId !== 'backgroundColor' && colorId !== 'searchColor' && ( { @@ -298,8 +304,9 @@ export function ThemeEditor({ [colorId]: e, }); }} - format={'hexa'} + format={'hex'} w={'90%'} + mb={'1.5rem'} /> )} )} {key === 'backgroundImage' && ( - +