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

Style fixes

Browse Source
This commit is contained in:
Sean Edmunds
2025-06-26 16:05:40 -05:00
parent 324b354ee2
commit f7870d10b1
5 changed files with 42 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
package-lock.json generated
View File

@@ -9,10 +9,10 @@
"version": "1.0.0", "version": "1.0.0",
"dependencies": { "dependencies": {
"@hello-pangea/dnd": "^18.0.1", "@hello-pangea/dnd": "^18.0.1",
"@mantine/core": "^8.1.1", "@mantine/core": "^8.1.2",
"@mantine/form": "^8.1.1", "@mantine/form": "^8.1.2",
"@mantine/hooks": "^8.1.1", "@mantine/hooks": "^8.1.2",
"@mantine/notifications": "^8.1.1", "@mantine/notifications": "^8.1.2",
"@tanstack/react-query": "^5.81.2", "@tanstack/react-query": "^5.81.2",
"@tanstack/react-query-devtools": "^5.81.2", "@tanstack/react-query-devtools": "^5.81.2",
"@tanstack/react-query-persist-client": "^5.81.2", "@tanstack/react-query-persist-client": "^5.81.2",
@@ -22,7 +22,7 @@
"react-dom": "^19.1.0", "react-dom": "^19.1.0",
"react-icons": "^5.5.0", "react-icons": "^5.5.0",
"react-router-dom": "^7.6.2", "react-router-dom": "^7.6.2",
"recharts": "^3.0.0" "recharts": "^3.0.1"
}, },
"devDependencies": { "devDependencies": {
"@types/node": "^24.0.4", "@types/node": "^24.0.4",
@@ -931,9 +931,9 @@
} }
}, },
"node_modules/@mantine/core": { "node_modules/@mantine/core": {
"version": "8.1.1", "version": "8.1.2",
"resolved": "https://registry.npmjs.org/@mantine/core/-/core-8.1.1.tgz", "resolved": "https://registry.npmjs.org/@mantine/core/-/core-8.1.2.tgz",
"integrity": "sha512-fW5phaeraz5F2+rnu3cz9aqzyOdvK8ZKi3fWgfhURVt8lo7+oZOVmqsKnvnxw4clJvj/A51wLCmgN9uhlm0n2g==", "integrity": "sha512-+maX0a1+fxh6Lvnzi0qb0AZsCnnHlIiTE/hFC+dd3eRfUW2PEKJ5/wTpmrX8IGyxa+NS+fXjZD/cU4Yt9xNjdg==",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@floating-ui/react": "^0.26.28", "@floating-ui/react": "^0.26.28",
@@ -944,15 +944,15 @@
"type-fest": "^4.27.0" "type-fest": "^4.27.0"
}, },
"peerDependencies": { "peerDependencies": {
"@mantine/hooks": "8.1.1", "@mantine/hooks": "8.1.2",
"react": "^18.x || ^19.x", "react": "^18.x || ^19.x",
"react-dom": "^18.x || ^19.x" "react-dom": "^18.x || ^19.x"
} }
}, },
"node_modules/@mantine/form": { "node_modules/@mantine/form": {
"version": "8.1.1", "version": "8.1.2",
"resolved": "https://registry.npmjs.org/@mantine/form/-/form-8.1.1.tgz", "resolved": "https://registry.npmjs.org/@mantine/form/-/form-8.1.2.tgz",
"integrity": "sha512-9QGiPa51SMjbxA25fOwiWFkayIzZzTeOdhFv6pJgxSe3/4DxI0fmJUzxXnBpXuPAYYyHyeHm1I1gRGreplFGVg==", "integrity": "sha512-w+PWUQPE3JDiK4ZBWN+WtfixWtt/+KavHjsSjCxIuUodzygdkV/4bWtPKYx7dFQTozWhfMVqxtORhn3no28Qwg==",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"fast-deep-equal": "^3.1.3", "fast-deep-equal": "^3.1.3",
@@ -963,34 +963,34 @@
} }
}, },
"node_modules/@mantine/hooks": { "node_modules/@mantine/hooks": {
"version": "8.1.1", "version": "8.1.2",
"resolved": "https://registry.npmjs.org/@mantine/hooks/-/hooks-8.1.1.tgz", "resolved": "https://registry.npmjs.org/@mantine/hooks/-/hooks-8.1.2.tgz",
"integrity": "sha512-C+p9pPDPl/IMcVCN44XMa9MbuUOEJS3PG9Wklw9Z+ooJqkBnc7aXs3xTAjIsaUCinR9hMqT19cwiYb+W88leVg==", "integrity": "sha512-BrriTsiazqZ2fLuL7UDasNTQJSaoJ7mN2qYVkdsiYI158lxJdUaFWHhd6BDyzK+W6thvBx2D+R/hh1rsWWefdQ==",
"license": "MIT", "license": "MIT",
"peerDependencies": { "peerDependencies": {
"react": "^18.x || ^19.x" "react": "^18.x || ^19.x"
} }
}, },
"node_modules/@mantine/notifications": { "node_modules/@mantine/notifications": {
"version": "8.1.1", "version": "8.1.2",
"resolved": "https://registry.npmjs.org/@mantine/notifications/-/notifications-8.1.1.tgz", "resolved": "https://registry.npmjs.org/@mantine/notifications/-/notifications-8.1.2.tgz",
"integrity": "sha512-eCPsCVkvb5ce0FIbbBiQPGhmgaXgv+9KXPzr3BEfWiR33BSaPs8Q0NaweyZGpEICerOodeAKVXWTGf1KbfEN/g==", "integrity": "sha512-9yqMRz9KlU0rXYc2xB+gfKwm6wt5e05B2eCAx0QcSDaxUl2EIfDINqdD+rTTvuWDxiQoN16wF/VJvFHn9wj3Xw==",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@mantine/store": "8.1.1", "@mantine/store": "8.1.2",
"react-transition-group": "4.4.5" "react-transition-group": "4.4.5"
}, },
"peerDependencies": { "peerDependencies": {
"@mantine/core": "8.1.1", "@mantine/core": "8.1.2",
"@mantine/hooks": "8.1.1", "@mantine/hooks": "8.1.2",
"react": "^18.x || ^19.x", "react": "^18.x || ^19.x",
"react-dom": "^18.x || ^19.x" "react-dom": "^18.x || ^19.x"
} }
}, },
"node_modules/@mantine/store": { "node_modules/@mantine/store": {
"version": "8.1.1", "version": "8.1.2",
"resolved": "https://registry.npmjs.org/@mantine/store/-/store-8.1.1.tgz", "resolved": "https://registry.npmjs.org/@mantine/store/-/store-8.1.2.tgz",
"integrity": "sha512-VmFhaMT+W0YhX2KyoOc7xYYg9nN1LhG8eTFebOshwSi0I2HIONXtgtLg0wBSi3ZXI22dNicCBS/ukA3X534ZBg==", "integrity": "sha512-Dt7NJc2+kvtpWkTXR5Mwmwo5zluFM9n6UYaIn4i726PPoABCAvQU4wwkw9GkOEdPNkRcnRdNg5SxWa+QZY/4ag==",
"license": "MIT", "license": "MIT",
"peerDependencies": { "peerDependencies": {
"react": "^18.x || ^19.x" "react": "^18.x || ^19.x"
@@ -3785,9 +3785,9 @@
} }
}, },
"node_modules/recharts": { "node_modules/recharts": {
"version": "3.0.0", "version": "3.0.1",
"resolved": "https://registry.npmjs.org/recharts/-/recharts-3.0.0.tgz", "resolved": "https://registry.npmjs.org/recharts/-/recharts-3.0.1.tgz",
"integrity": "sha512-GODedlXZEOQ/KN15puHqaEk9JaiUvFr+Wef/nSagi7g9wHPFLB7prH1/J8vyEBtA2Es6r8qGY1t2OqkuAIpgBg==", "integrity": "sha512-T5PZzeqzkdQpwdd/wG/hzuhaKAFTNY/PsezVlhdg4GbME4mfcau3DEYP4VCejEsUVOpX6hQTN6FJE4z9zL0RWA==",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@reduxjs/toolkit": "1.x.x || 2.x.x", "@reduxjs/toolkit": "1.x.x || 2.x.x",

10
package.json
View File

@@ -11,10 +11,10 @@
}, },
"dependencies": { "dependencies": {
"@hello-pangea/dnd": "^18.0.1", "@hello-pangea/dnd": "^18.0.1",
"@mantine/core": "^8.1.1", "@mantine/core": "^8.1.2",
"@mantine/form": "^8.1.1", "@mantine/form": "^8.1.2",
"@mantine/hooks": "^8.1.1", "@mantine/hooks": "^8.1.2",
"@mantine/notifications": "^8.1.1", "@mantine/notifications": "^8.1.2",
"@tanstack/react-query": "^5.81.2", "@tanstack/react-query": "^5.81.2",
"@tanstack/react-query-devtools": "^5.81.2", "@tanstack/react-query-devtools": "^5.81.2",
"@tanstack/react-query-persist-client": "^5.81.2", "@tanstack/react-query-persist-client": "^5.81.2",
@@ -24,7 +24,7 @@
"react-dom": "^19.1.0", "react-dom": "^19.1.0",
"react-icons": "^5.5.0", "react-icons": "^5.5.0",
"react-router-dom": "^7.6.2", "react-router-dom": "^7.6.2",
"recharts": "^3.0.0" "recharts": "^3.0.1"
}, },
"devDependencies": { "devDependencies": {
"@types/node": "^24.0.4", "@types/node": "^24.0.4",

10
src/pages/homepage/components/Search/Search.tsx
View File

@@ -135,14 +135,14 @@ export default function Search({
const handleKeyUp = (item: any) => { const handleKeyUp = (item: any) => {
if (item.code === 'Escape') { if (item.code === 'Escape') {
if (dropdownOpened) {
closeDropdown();
}
setListIndex(0); setListIndex(0);
setSearchValue(''); setSearchValue('');
setProviderLabel('Google Search'); setProviderLabel('Google Search');
setProviderPrefix('/g'); setProviderPrefix('/g');
setPlaceholderValue(''); setPlaceholderValue('');
if (dropdownOpened) {
closeDropdown();
}
} }
if (item.code === 'ArrowDown' && !dropdownOpened) { if (item.code === 'ArrowDown' && !dropdownOpened) {
setListIndex(0); setListIndex(0);
@@ -323,7 +323,7 @@ export default function Search({
return ( return (
<> <>
{dropdownOpened && <Overlay pos={'absolute'} h={'100%'} w={'100%'} blur={1} />} {dropdownOpened && <Overlay pos={'absolute'} h={'100%'} w={'100%'} blur={5} />}
<Stack <Stack
style={{ style={{
height: '100px', height: '100px',
@@ -349,7 +349,7 @@ export default function Search({
nothingFoundMessage={ nothingFoundMessage={
<Text c={'var(--mantine-color-primary-0)'}>Nothing found...</Text> <Text c={'var(--mantine-color-primary-0)'}>Nothing found...</Text>
} }
data-active={searchValue !== ''} data-active={placeholderValue !== ''}
dropdownOpened={dropdownOpened} dropdownOpened={dropdownOpened}
comboboxProps={{ comboboxProps={{
transitionProps: { transition: 'fade', duration: 200 }, transitionProps: { transition: 'fade', duration: 200 },

2
src/pages/homepage/components/SettingsButton/ThemingCard.tsx
View File

@@ -101,7 +101,7 @@ function ThemingCard() {
); );
handleThemeChange(filteredThemes, false); handleThemeChange(filteredThemes, false);
} else if (currentThemePlaylist === 'All') { } else if (currentThemePlaylist === 'All') {
handleThemeChange(allThemes, false); handleThemeChange(allThemes, true);
} else if (currentThemePlaylist === 'Backgrounds') { } else if (currentThemePlaylist === 'Backgrounds') {
handleThemeChange( handleThemeChange(
allThemes.filter( allThemes.filter(

5
src/styles/Select.module.css
View File

@@ -45,7 +45,7 @@
.dropdown { .dropdown {
border: none !important; border: none !important;
background-color: var(--mantine-color-search-0) !important; background-color: var(--mantine-color-search-0) !important;
backdrop-filter: blur(5px) !important; backdrop-filter: blur(15px) brightness(1.75) !important;
} }
.options { .options {
@@ -117,7 +117,10 @@
border-top-right-radius: .25em; border-top-right-radius: .25em;
border-bottom-left-radius: .25em; border-bottom-left-radius: .25em;
border-bottom-right-radius: .25em; border-bottom-right-radius: .25em;
transition: all 0.4s ease;
transition: backdrop-filter 0s;
&[data-active="true"] { &[data-active="true"] {
backdrop-filter: blur(15px) brightness(1.75) !important;
background-color: var(--mantine-color-search-0); background-color: var(--mantine-color-search-0);
border-color: var(--mantine-color-border-0); border-color: var(--mantine-color-border-0);
outline: none; outline: none;