History

Ivan 6f03dba4e7 Update DlgRenameCst.tsx		2025-02-08 17:58:05 +03:00
..
env	Upgrade build system base versions	2024-07-19 22:38:14 +03:00
public	R: Small UI refactoring and improvement	2024-12-03 12:46:25 +03:00
resource	R: Small UI refactoring and improvement	2024-12-03 12:46:25 +03:00
src	Update DlgRenameCst.tsx	2025-02-08 17:58:05 +03:00
tests	T: Implement backend mocking for tests	2025-01-27 16:11:35 +03:00
.dockerignore	Initial commit	2024-06-07 20:17:03 +03:00
.env.local	Upgrade build system base versions	2024-07-19 22:38:14 +03:00
.prettierignore	Initial commit	2024-06-07 20:17:03 +03:00
.prettierrc.json	R: Upgrade to eslint9	2024-08-06 14:38:10 +03:00
Dockerfile	Implementing basic oss graph pt2	2024-07-21 15:17:36 +03:00
Dockerfile.dev	Update development build	2024-07-19 23:25:47 +03:00
eslint.config.js	R: Prepare to migrate to react-compiler pt1	2024-12-12 21:45:46 +03:00
index.html	R: Migrating to zustand for local state management pt2	2025-01-15 16:06:18 +03:00
package-lock.json	npm update	2025-02-06 11:27:11 +03:00
package.json	npm update	2025-02-06 11:27:11 +03:00
playwright.config.ts	R: Move notifications into transport layer	2025-01-28 19:45:31 +03:00
postcss.config.js	Initial commit	2024-06-07 20:17:03 +03:00
README.md	R: Improve styling semantics pt1	2024-12-17 10:52:36 +03:00
tailwind.config.js	R: Improve styling semantics pt1	2024-12-17 10:52:36 +03:00
tsconfig.json	Upgrade build system base versions	2024-07-19 22:38:14 +03:00
tsconfig.node.json	R: Integrate Playwrght as end-to-end testing	2025-01-14 16:24:46 +03:00
vite.config.ts	F: Rework colors using tailwind configs	2024-12-17 00:05:13 +03:00

README.md

Frontend Developer guidelines

Styling conventions

static > conditional static > props. All dynamic styling should go in styles props
dimensions = rectangle + outer layout

clsx className grouping and order

  - layer: z-position
  - outer layout: fixed bottom-1/2 left-0 -translate-x-1/2
  - rectangle: mt-3 min-w-fit min-w-10 flex-grow shrink-0
  - inner layout: px-3 py-2 flex flex-col gap-3 justify-between items-center
  - overflow behavior: overflow-scroll overscroll-contain
  - border: borer-2 outline-none shadow-md
  - text: text-start text-sm font-semibold whitespace-nowrap bg-prim-200 fg-app-100
  - behavior modifiers: select-none disabled:cursor-auto
  - transitions: