smedmunds/TriggerFrontend
1
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

Minor style updates

Browse Source
This commit is contained in:
Sean Edmunds
2025-07-31 16:41:59 -05:00
parent 7277ff501b
commit 70c28f54b8
3 changed files with 75 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

108
package-lock.json generated
View File

@@ -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": {

16
package.json
View File

@@ -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",

19
src/pages/settings/components/Theming/Themes/ThemeModal/components/ThemeEditor.tsx
View File

@@ -244,6 +244,13 @@ export function ThemeEditor({
}}
pos={'absolute'}
right={0}
style={{
color: selectedTheme.backgroundColor,
backgroundColor: selectedTheme.primaryColor,
borderRadius: 0,
borderBottomLeftRadius: 10,
borderTopRightRadius: 10,
}}
>
<FiImage size={20} />
</ActionIcon>
@@ -273,7 +280,7 @@ export function ThemeEditor({
Change{' '}
{BackgroundProperties[colorId as keyof typeof BackgroundProperties]}
</Text>
{colorId === 'backgroundColor' && (
{(colorId === 'backgroundColor' || colorId === 'searchColor') && (
<ColorPicker
value={colorValue}
onChange={(e) => {
@@ -283,12 +290,11 @@ export function ThemeEditor({
backgroundColor: e,
});
}}
format={'hex'}
format={'hexa'}
w={'90%'}
mb={'1.5rem'}
/>
)}
{colorId !== 'backgroundColor' && (
{colorId !== 'backgroundColor' && colorId !== 'searchColor' && (
<ColorPicker
value={colorValue}
onChange={(e) => {
@@ -298,8 +304,9 @@ export function ThemeEditor({
[colorId]: e,
});
}}
format={'hexa'}
format={'hex'}
w={'90%'}
mb={'1.5rem'}
/>
)}
<TextInput
@@ -528,7 +535,7 @@ export function ThemeEditor({
</Group>
)}
{key === 'backgroundImage' && (
<Group w={'100%'} justify='center'>
<Group w={'100%'} justify='center' gap={4}>
<Image
w={'40%'}
src={