From 67f1d5c95cc4bbed3d6c620aef3a590e6569bb67 Mon Sep 17 00:00:00 2001 From: MaryWylde Date: Tue, 14 Apr 2026 15:21:42 +0400 Subject: [PATCH 1/2] chore: fix mobile user login and dropdown on mobile --- src/components/Header/Header.module.scss | 26 +- src/components/Header/Header.tsx | 35 +- .../UserProfile/UserProfile.module.scss | 6 + src/components/UserProfile/UserProfile.tsx | 14 +- src/constants/tools.ts | 2 +- src/pages/tools/vibesuite/index.tsx | 1 + yarn.lock | 636 ++++++++++-------- 7 files changed, 442 insertions(+), 278 deletions(-) diff --git a/src/components/Header/Header.module.scss b/src/components/Header/Header.module.scss index f928b18..f76e6fb 100644 --- a/src/components/Header/Header.module.scss +++ b/src/components/Header/Header.module.scss @@ -27,7 +27,8 @@ } .burgerMenu, - .closeButton { + .closeButton, + .mobileUserProfile { display: none; } @@ -133,6 +134,19 @@ } } + & .mobileUserProfile { + display: block; + position: absolute; + right: 16px; + top: 50%; + transform: translateY(-50%); + opacity: 1; + visibility: visible; + transition: + opacity 0.3s, + visibility 0.3s; + } + & .closeButton { display: block; position: absolute; @@ -165,6 +179,11 @@ } .header.openedSidebar { + & .mobileUserProfile { + opacity: 0; + visibility: hidden; + } + & .closeButton { right: 1rem; } @@ -350,6 +369,11 @@ } .header.openedSidebar { + & .mobileUserProfile { + opacity: 0; + visibility: hidden; + } + & .closeButton { right: 1rem; } diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx index 821c266..39e2089 100644 --- a/src/components/Header/Header.tsx +++ b/src/components/Header/Header.tsx @@ -144,6 +144,21 @@ const Header: FC = () => {
+ {isSmallScreen && ( +
+ +
+ )}
{ )}
- + {!isSmallScreen && ( + + )}
diff --git a/src/components/UserProfile/UserProfile.module.scss b/src/components/UserProfile/UserProfile.module.scss index 25228ec..4fcd8f0 100644 --- a/src/components/UserProfile/UserProfile.module.scss +++ b/src/components/UserProfile/UserProfile.module.scss @@ -105,3 +105,9 @@ } } } + +@media (max-width: 1110px) { + .userContainer { + padding-right: 0; + } +} diff --git a/src/components/UserProfile/UserProfile.tsx b/src/components/UserProfile/UserProfile.tsx index effd25f..ccd12b7 100644 --- a/src/components/UserProfile/UserProfile.tsx +++ b/src/components/UserProfile/UserProfile.tsx @@ -14,6 +14,8 @@ type UserProfileProps = { userImage?: string; isLoggedIn?: boolean; isDarkTheme?: boolean; + hideDropdown?: boolean; + hideUsername?: boolean; setAccountData?: (updater: (prev: boolean) => boolean) => void; setOpenLoginModal?: (openModal: boolean) => void; handleOpenSettings?: () => void; @@ -30,6 +32,8 @@ const UserProfile: FC = ({ userImage, isLoggedIn, isDarkTheme, + hideDropdown, + hideUsername, setAccountData, setOpenLoginModal, handleOpenSettings, @@ -58,6 +62,10 @@ const UserProfile: FC = ({ handleOpenSettings?.(); }, [handleOpenSettings]); + useEffect(() => { + if (hideDropdown) setIsDropdownOpen(false); + }, [hideDropdown]); + useEffect(() => { if (!isDropdownOpen) return; const handleClickOutside = () => setIsDropdownOpen(false); @@ -110,7 +118,9 @@ const UserProfile: FC = ({ height={32} className={styles.image} /> - {renderUserName()} + {!hideUsername && ( + {renderUserName()} + )}
) : (
setOpenLoginModal(true)}> @@ -121,7 +131,7 @@ const UserProfile: FC = ({ height={32} className={styles.image} /> - Log In + {!hideUsername && Log In}
)} {isDropdownOpen && isAccessTokenExist && ( diff --git a/src/constants/tools.ts b/src/constants/tools.ts index 6c7ea13..c91619f 100644 --- a/src/constants/tools.ts +++ b/src/constants/tools.ts @@ -74,7 +74,7 @@ export const TOOL_CONFIG: Record = { hoverColor: '#A4B465', darkHoverColor: '#D3DEAC', darkIconFill: '#D3DEAC', - isBlank: true, + isBlank: false, }, 9: { Icon: FriendlyTomIcon, diff --git a/src/pages/tools/vibesuite/index.tsx b/src/pages/tools/vibesuite/index.tsx index 9b547d8..69190f1 100644 --- a/src/pages/tools/vibesuite/index.tsx +++ b/src/pages/tools/vibesuite/index.tsx @@ -26,6 +26,7 @@ const VibeSuitePage: FC = ({ vibesuite }) => { }, []); const seoContent = vibesuite?.pageSeo; + return ( <> = 2.1.2 < 3" -ieee754@^1.1.13, ieee754@^1.2.1: +ieee754@^1.1.13: version "1.2.1" resolved "https://registry.npmjs.org/ieee754/-/ieee754-1.2.1.tgz" integrity sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA== @@ -4442,13 +4615,6 @@ iterator.prototype@^1.1.5: has-symbols "^1.1.0" set-function-name "^2.0.2" -its-fine@^1.0.6: - version "1.2.5" - resolved "https://registry.npmjs.org/its-fine/-/its-fine-1.2.5.tgz" - integrity sha512-fXtDA0X0t0eBYAGLVM5YsgJGsJ5jEmqZEPrGbzdf5awjv0xE7nqv3TVnvtUF060Tkes15DbDAKW/I48vsb6SyA== - dependencies: - "@types/react-reconciler" "^0.28.0" - joi@^18.0.2: version "18.0.2" resolved "https://registry.npmjs.org/joi/-/joi-18.0.2.tgz" @@ -4462,12 +4628,7 @@ joi@^18.0.2: "@hapi/topo" "^6.0.2" "@standard-schema/spec" "^1.0.0" -jose@^4.11.4: - version "4.15.9" - resolved "https://registry.npmjs.org/jose/-/jose-4.15.9.tgz" - integrity sha512-1vUQX+IdDMVPj4k8kOxgUqlcK518yluMuGZwqlr44FS1ppZB/5GWh4rZG89erpOBOJjU/OBsnCVFfapsRz6nEA== - -jose@^4.15.9: +jose@^4.11.4, jose@^4.15.9: version "4.15.9" resolved "https://registry.npmjs.org/jose/-/jose-4.15.9.tgz" integrity sha512-1vUQX+IdDMVPj4k8kOxgUqlcK518yluMuGZwqlr44FS1ppZB/5GWh4rZG89erpOBOJjU/OBsnCVFfapsRz6nEA== @@ -4484,16 +4645,16 @@ js-yaml@^4.1.0, js-yaml@^4.1.1: dependencies: argparse "^2.0.1" -jsbn@~0.1.0: - version "0.1.1" - resolved "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz" - integrity sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg== - jsbn@1.1.0: version "1.1.0" resolved "https://registry.npmjs.org/jsbn/-/jsbn-1.1.0.tgz" integrity sha512-4bYVV3aAMtDTTu4+xsDYa6sy9GyJ69/amsu9sYF2zqjiEoZA5xJi3BrfX3uY+/IekIu7MwdObdbDWpoZdBv3/A== +jsbn@~0.1.0: + version "0.1.1" + resolved "https://registry.npmjs.org/jsbn/-/jsbn-0.1.1.tgz" + integrity sha512-UVU9dibq2JcFWxQPA6KCqj5O42VOmAY3zQUfEKxU0KpTGXwNoCjkX1e13eHNvw/xPynt6pU0rZ1htjWTNTSXsg== + jsesc@^3.0.2, jsesc@~3.1.0: version "3.1.0" resolved "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz" @@ -4676,7 +4837,7 @@ jss-plugin-vendor-prefixer@10.10.0: css-vendor "^2.0.8" jss "10.10.0" -jss-preset-default@^10.10.0, jss-preset-default@10.10.0: +jss-preset-default@10.10.0, jss-preset-default@^10.10.0: version "10.10.0" resolved "https://registry.npmjs.org/jss-preset-default/-/jss-preset-default-10.10.0.tgz" integrity sha512-GL175Wt2FGhjE+f+Y3aWh+JioL06/QWFgZp53CbNNq6ZkVU0TDplD8Bxm9KnkotAYn3FlplNqoW5CjyLXcoJ7Q== @@ -4696,7 +4857,7 @@ jss-preset-default@^10.10.0, jss-preset-default@10.10.0: jss-plugin-template "10.10.0" jss-plugin-vendor-prefixer "10.10.0" -jss@^10.10.0, jss@10.10.0: +jss@10.10.0, jss@^10.10.0: version "10.10.0" resolved "https://registry.npmjs.org/jss/-/jss-10.10.0.tgz" integrity sha512-cqsOTS7jqPsPMjtKYDUpdFC0AbhYFLTcuGRqymgmdJIeQ8cH7+AgX7YSgQy79wXloZq2VvATYxUOUQEvS1V/Zw== @@ -4745,7 +4906,7 @@ language-tags@^1.0.9: dependencies: language-subtag-registry "^0.3.20" -lazy-ass@^1.6.0, lazy-ass@1.6.0: +lazy-ass@1.6.0, lazy-ass@^1.6.0: version "1.6.0" resolved "https://registry.npmjs.org/lazy-ass/-/lazy-ass-1.6.0.tgz" integrity sha512-cc8oEVoctTvsFZ/Oje/kGnHbpWHYBe8IAJe4C0QNc3t8uM/0Y8+erSz/7Y1ALuXTEZTMvxXwO6YbX1ey3ujiZw== @@ -4812,7 +4973,7 @@ locate-path@^7.1.0: dependencies: p-locate "^6.0.0" -lodash.debounce@^4.0.8, lodash.debounce@4.0.8: +lodash.debounce@4.0.8, lodash.debounce@^4.0.8: version "4.0.8" resolved "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz" integrity sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow== @@ -4855,7 +5016,7 @@ log-update@^4.0.0: slice-ansi "^4.0.0" wrap-ansi "^6.2.0" -loose-envify@^1.1.0, loose-envify@^1.4.0: +loose-envify@^1.4.0: version "1.4.0" resolved "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz" integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q== @@ -4983,11 +5144,6 @@ merge2@^1.3.0: resolved "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz" integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg== -meshoptimizer@~0.18.1: - version "0.18.1" - resolved "https://registry.npmjs.org/meshoptimizer/-/meshoptimizer-0.18.1.tgz" - integrity sha512-ZhoIoL7TNV4s5B6+rx5mC//fw8/POGyNxS/DZyCJeiZ12ScLfVwRE/GfsxwiTkMYYD5DmK2/JXnEVXqL4rF+Sw== - micromark-core-commonmark@^1.0.1: version "1.1.0" resolved "https://registry.npmjs.org/micromark-core-commonmark/-/micromark-core-commonmark-1.1.0.tgz" @@ -5226,7 +5382,7 @@ minimist@^1.2.0, minimist@^1.2.6, minimist@^1.2.8: resolved "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz" integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA== -mitt@^3.0.0, mitt@3.0.1: +mitt@3.0.1, mitt@^3.0.0: version "3.0.1" resolved "https://registry.npmjs.org/mitt/-/mitt-3.0.1.tgz" integrity sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw== @@ -5685,15 +5841,6 @@ possible-typed-array-names@^1.0.0: resolved "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz" integrity sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg== -postcss@^8.4.38: - version "8.5.6" - resolved "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz" - integrity sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg== - dependencies: - nanoid "^3.3.11" - picocolors "^1.1.1" - source-map-js "^1.2.1" - postcss@8.4.31: version "8.4.31" resolved "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz" @@ -5703,6 +5850,15 @@ postcss@8.4.31: picocolors "^1.0.0" source-map-js "^1.0.2" +postcss@^8.4.38: + version "8.5.6" + resolved "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz" + integrity sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg== + dependencies: + nanoid "^3.3.11" + picocolors "^1.1.1" + source-map-js "^1.2.1" + preact-render-to-string@^5.1.19: version "5.2.6" resolved "https://registry.npmjs.org/preact-render-to-string/-/preact-render-to-string-5.2.6.tgz" @@ -5773,16 +5929,16 @@ proxy-agent@^6.4.0: proxy-from-env "^1.1.0" socks-proxy-agent "^8.0.5" -proxy-from-env@^1.1.0: - version "1.1.0" - resolved "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz" - integrity sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg== - proxy-from-env@1.0.0: version "1.0.0" resolved "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.0.0.tgz" integrity sha512-F2JHgJQ1iqwnHDcQjVBsq3n/uoaFL+iPW/eAeL7kVxy/2RrWaN4WroKjjvbsoRtv0ftelNyC01bjRhn/bhcf4A== +proxy-from-env@^1.1.0: + version "1.1.0" + resolved "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz" + integrity sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg== + ps-tree@1.2.0: version "1.2.0" resolved "https://registry.npmjs.org/ps-tree/-/ps-tree-1.2.0.tgz" @@ -5949,14 +6105,6 @@ react-markdown@8.0.3: unist-util-visit "^4.0.0" vfile "^5.0.0" -react-reconciler@^0.27.0: - version "0.27.0" - resolved "https://registry.npmjs.org/react-reconciler/-/react-reconciler-0.27.0.tgz" - integrity sha512-HmMDKciQjYmBRGuuhIaKA1ba/7a+UsM5FzOZsMO2JYHt9Jh8reCb7j1eDC95NOyUlKM9KRyvdx0flBuDvYSBoA== - dependencies: - loose-envify "^1.1.0" - scheduler "^0.21.0" - react-redux@^7.2.0: version "7.2.9" resolved "https://registry.npmjs.org/react-redux/-/react-redux-7.2.9.tgz" @@ -5988,11 +6136,6 @@ react-tooltip@5.27.1: "@floating-ui/dom" "^1.6.1" classnames "^2.3.0" -react-use-measure@^2.1.7: - version "2.1.7" - resolved "https://registry.npmjs.org/react-use-measure/-/react-use-measure-2.1.7.tgz" - integrity sha512-KrvcAo13I/60HpwGO5jpW7E9DfusKyLPLvuHlUyP5zqnmAPhNc6qTRjUQrdTADl0lpPpDVU2/Gg51UlOGHXbdg== - react@19.0.3: version "19.0.3" resolved "https://registry.npmjs.org/react/-/react-19.0.3.tgz" @@ -6238,7 +6381,7 @@ safe-regex-test@^1.0.3, safe-regex-test@^1.1.0: es-errors "^1.3.0" is-regex "^1.2.1" -safer-buffer@^2.0.2, safer-buffer@^2.1.0, "safer-buffer@>= 2.1.2 < 3", safer-buffer@~2.1.0: +"safer-buffer@>= 2.1.2 < 3", safer-buffer@^2.0.2, safer-buffer@^2.1.0, safer-buffer@~2.1.0: version "2.1.2" resolved "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz" integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg== @@ -6263,13 +6406,6 @@ sax@^1.5.0: resolved "https://registry.npmjs.org/sax/-/sax-1.6.0.tgz" integrity sha512-6R3J5M4AcbtLUdZmRv2SygeVaM7IhrLXu9BmnOGmmACak8fiUtOsYNWUS4uK7upbmHIBbLBeFeI//477BKLBzA== -scheduler@^0.21.0: - version "0.21.0" - resolved "https://registry.npmjs.org/scheduler/-/scheduler-0.21.0.tgz" - integrity sha512-1r87x5fz9MXqswA2ERLo0EbOAU74DpIUO090gIasYTqlVoJeMcl+Z1Rg7WHz+qtPujhS/hGIt9kxZOYBV3faRQ== - dependencies: - loose-envify "^1.1.0" - scheduler@^0.25.0: version "0.25.0" resolved "https://registry.npmjs.org/scheduler/-/scheduler-0.25.0.tgz" @@ -6289,17 +6425,7 @@ semver@^6.0.0, semver@^6.3.0, semver@^6.3.1: resolved "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz" integrity sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA== -semver@^7.6.3: - version "7.7.4" - resolved "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz" - integrity sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA== - -semver@^7.7.1: - version "7.7.4" - resolved "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz" - integrity sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA== - -semver@^7.7.3: +semver@^7.6.3, semver@^7.7.1, semver@^7.7.3: version "7.7.4" resolved "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz" integrity sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA== @@ -6713,11 +6839,6 @@ supports-preserve-symlinks-flag@^1.0.0: resolved "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz" integrity sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w== -suspend-react@^0.1.3: - version "0.1.3" - resolved "https://registry.npmjs.org/suspend-react/-/suspend-react-0.1.3.tgz" - integrity sha512-aqldKgX9aZqpoDp3e8/BZ8Dm7x1pJl+qI3ZKxDN0i/IQTWUwBx/ManmlVJ3wowqbno6c2bmiIfs+Um6LbsjJyQ== - svg-parser@^2.0.4: version "2.0.4" resolved "https://registry.npmjs.org/svg-parser/-/svg-parser-2.0.4.tgz" @@ -6802,17 +6923,12 @@ thirty-two@^1.0.2: resolved "https://registry.npmjs.org/thirty-two/-/thirty-two-1.0.2.tgz" integrity sha512-OEI0IWCe+Dw46019YLl6V10Us5bi574EvlJEOcAkB29IzQ/mYD1A6RyNHLjZPiHCmuodxvgF6U+vZO1L15lxVA== -three@^0.168.0: - version "0.168.0" - resolved "https://registry.npmjs.org/three/-/three-0.168.0.tgz" - integrity sha512-6m6jXtDwMJEK/GGMbAOTSAmxNdzKvvBzgd7q8bE/7Tr6m7PaBh5kKLrN7faWtlglXbzj7sVba48Idwx+NRsZXw== - throttleit@^1.0.0: version "1.0.1" resolved "https://registry.npmjs.org/throttleit/-/throttleit-1.0.1.tgz" integrity sha512-vDZpf9Chs9mAdfY046mcPt8fg5QSZr37hEH4TXYBnDF+izxgrbRGUAAaBvIk/fJm9aOFCGFd1EsNg5AZCbnQCQ== -through@^2.3.8, through@~2.3, through@~2.3.1, through@2: +through@2, through@^2.3.8, through@~2.3, through@~2.3.1: version "2.3.8" resolved "https://registry.npmjs.org/through/-/through-2.3.8.tgz" integrity sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg== @@ -7022,11 +7138,6 @@ unbzip2-stream@^1.4.3: buffer "^5.2.1" through "^2.3.8" -uncrypto@^0.1.3: - version "0.1.3" - resolved "https://registry.npmjs.org/uncrypto/-/uncrypto-0.1.3.tgz" - integrity sha512-Ql87qFHB3s/De2ClA9e0gsnS6zXG27SkTiSJwjCc9MebbfapQfuPzumMIUMi38ezPZVNFcHI9sUIepeQfw8J8Q== - undici-types@~7.16.0: version "7.16.0" resolved "https://registry.npmjs.org/undici-types/-/undici-types-7.16.0.tgz" @@ -7180,7 +7291,7 @@ utrie@^1.0.2: dependencies: base64-arraybuffer "^1.0.2" -uuid@^8.3.2, uuid@8.3.2: +uuid@8.3.2, uuid@^8.3.2: version "8.3.2" resolved "https://registry.npmjs.org/uuid/-/uuid-8.3.2.tgz" integrity sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg== @@ -7405,11 +7516,6 @@ zod@3.23.8: resolved "https://registry.npmjs.org/zod/-/zod-3.23.8.tgz" integrity sha512-XBx9AXhXktjUqnepgTiE5flcKIYWi/rme0Eaj+5Y0lftuGBq+jyRu/md4WnuxqgP1ubdpNCsYEYPxrzVHD8d6g== -zustand@^3.7.1: - version "3.7.2" - resolved "https://registry.npmjs.org/zustand/-/zustand-3.7.2.tgz" - integrity sha512-PIJDIZKtokhof+9+60cpockVOq05sJzHCriyvaLBmEJixseQ1a5Kdov6fWZfWOu5SK9c+FhH1jU0tntLxRJYMA== - zwitch@^2.0.0: version "2.0.4" resolved "https://registry.npmjs.org/zwitch/-/zwitch-2.0.4.tgz" From 1dad6138153667453ba304d6bd8e9e7185d488cd Mon Sep 17 00:00:00 2001 From: MaryWylde Date: Tue, 14 Apr 2026 15:30:38 +0400 Subject: [PATCH 2/2] chore: add the default height --- .../vibesuite/SkillDetailPanel/SkillDetailPanel.module.scss | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/components/vibesuite/SkillDetailPanel/SkillDetailPanel.module.scss b/src/components/vibesuite/SkillDetailPanel/SkillDetailPanel.module.scss index c89bbe7..7ce6c1c 100644 --- a/src/components/vibesuite/SkillDetailPanel/SkillDetailPanel.module.scss +++ b/src/components/vibesuite/SkillDetailPanel/SkillDetailPanel.module.scss @@ -37,6 +37,7 @@ border: 1px solid var(--border); width: 644px; max-width: 100%; + min-height: 650px; max-height: 85vh; display: flex; flex-direction: column; @@ -46,6 +47,7 @@ @media (max-width: 1023px) { width: 100%; + min-height: unset; max-height: 100%; border: none; }