Style fixes
This commit is contained in:
54
package-lock.json
generated
54
package-lock.json
generated
@@ -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",
|
||||
|
||||
10
package.json
10
package.json
@@ -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",
|
||||
|
||||
@@ -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 },
|
||||
|
||||
@@ -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(
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user