f463ff64de
Adds web/src/layout-fixes.css imported once from main.tsx — surgical
overrides applied with !important so they win against the existing
3000+ line index.css without rewriting it.
Issues fixed:
1. Modals/popovers/dropdowns clipped by .dashboard-main { overflow: hidden }
→ now overflow: visible. Stacking context guard for [role=dialog].
2. Right panel (308px fixed) covers main content on laptop/tablet
→ 260px below 1280px, hidden below 1024px.
3. Tables extending off-screen
→ .dashboard-content table wrapped with display:block + overflow-x:auto
so they scroll inside their column. Also exposes .scroll-x utility.
4. Header search/indices push each other off-screen
→ flex-wrap on .trading-header, search shrinks to 240–360px range,
indices wrap with smaller column gap on narrow.
5. Long unbreakable strings (commit SHAs, URLs) escaping containers
→ overflow-wrap: anywhere + word-break: break-word + pre-wrap on <pre>.
6. Sidebar 76px doesn't collapse on mobile
→ 56px below 768px with reduced content padding.
Bumps @bytelyst/devops to ^0.1.3 (responsive panel) in backend + web.
Generated with [Devin](https://cli.devin.ai/docs)
Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
90 lines
3.1 KiB
JSON
90 lines
3.1 KiB
JSON
{
|
|
"name": "@bytelyst/trading-web",
|
|
"private": true,
|
|
"version": "0.0.0",
|
|
"type": "module",
|
|
"scripts": {
|
|
"dev": "vite",
|
|
"build": "NODE_OPTIONS=--max-old-space-size=8192 tsc -b && NODE_OPTIONS=--max-old-space-size=8192 vite build",
|
|
"typecheck": "tsc -b --pretty false",
|
|
"test": "vitest run",
|
|
"coverage": "vitest run --coverage",
|
|
"coverage:full": "vitest run --coverage --config vitest.full.config.ts",
|
|
"check": "npm run build && npm run lint && npm run format",
|
|
"check:test": "npm run test",
|
|
"pre-deploy": "npm run check && npm run check:test",
|
|
"lint": "eslint .",
|
|
"format": "eslint . --fix",
|
|
"preview": "vite preview",
|
|
"storybook": "storybook dev -p 6006",
|
|
"build-storybook": "storybook build",
|
|
"test:e2e": "playwright test",
|
|
"test:e2e:ui": "playwright test --ui",
|
|
"test:e2e:viewport": "playwright test e2e/viewport-matrix.spec.ts",
|
|
"test:e2e:overflow": "playwright test e2e/horizontal-overflow.spec.ts"
|
|
},
|
|
"dependencies": {
|
|
"@bytelyst/api-client": "^0.1.6",
|
|
"@bytelyst/design-tokens": "^0.1.6",
|
|
"@bytelyst/errors": "^0.1.7",
|
|
"@bytelyst/kill-switch-client": "^0.1.6",
|
|
"@bytelyst/react-auth": "^0.1.7",
|
|
"@bytelyst/telemetry-client": "^0.1.6",
|
|
"@bytelyst/ui": "^0.1.6",
|
|
"@dnd-kit/core": "^6.3.1",
|
|
"@dnd-kit/sortable": "^10.0.0",
|
|
"@dnd-kit/utilities": "^3.2.2",
|
|
"@monaco-editor/react": "^4.7.0",
|
|
"lucide-react": "^0.562.0",
|
|
"monaco-editor": "^0.55.1",
|
|
"react": "^19.2.0",
|
|
"react-dom": "^19.2.0",
|
|
"react-router-dom": "^7.14.2",
|
|
"recharts": "^3.6.0",
|
|
"socket.io-client": "^4.8.3",
|
|
"@bytelyst/devops": "^0.1.3"
|
|
},
|
|
"devDependencies": {
|
|
"@eslint/js": "^9.39.4",
|
|
"@playwright/test": "^1.59.1",
|
|
"@storybook/addon-essentials": "^8.6.14",
|
|
"@storybook/addon-interactions": "^8.6.14",
|
|
"@storybook/addon-links": "^10.3.6",
|
|
"@storybook/builder-vite": "^10.3.6",
|
|
"@storybook/react": "^10.3.6",
|
|
"@tailwindcss/postcss": "^4.1.18",
|
|
"@tailwindcss/vite": "^4.1.18",
|
|
"@testing-library/jest-dom": "^6.9.1",
|
|
"@testing-library/react": "^16.3.2",
|
|
"@testing-library/user-event": "^14.6.1",
|
|
"@types/node": "^24.10.1",
|
|
"@types/react": "^19.2.5",
|
|
"@types/react-dom": "^19.2.3",
|
|
"@vitejs/plugin-react": "^5.1.1",
|
|
"@vitest/coverage-v8": "^4.0.18",
|
|
"agentation": "^2.2.0",
|
|
"autoprefixer": "^10.4.23",
|
|
"eslint": "^9.39.1",
|
|
"eslint-plugin-react-hooks": "^7.0.1",
|
|
"eslint-plugin-react-refresh": "^0.4.24",
|
|
"globals": "^16.5.0",
|
|
"jsdom": "^28.1.0",
|
|
"postcss": "^8.5.6",
|
|
"storybook": "^10.3.6",
|
|
"tailwindcss": "^4.1.18",
|
|
"typescript": "~5.9.3",
|
|
"typescript-eslint": "^8.46.4",
|
|
"vite": "^7.2.4",
|
|
"vitest": "^4.0.18",
|
|
"@storybook/react-vite": "^10.3.6",
|
|
"@chromatic-com/storybook": "^5.1.2",
|
|
"@storybook/addon-vitest": "^10.3.6",
|
|
"@storybook/addon-a11y": "^10.3.6",
|
|
"@storybook/addon-docs": "^10.3.6",
|
|
"@storybook/addon-onboarding": "^10.3.6",
|
|
"eslint-plugin-storybook": "^10.3.6",
|
|
"playwright": "^1.59.1",
|
|
"@vitest/browser-playwright": "4.1.2"
|
|
}
|
|
}
|