Style fixes

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

54
package-lock.json generated
View File

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

View File

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

View File

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

View File

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

View File

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