Portal/rsconcept/frontend
IRBorisov dbfab8446c
Some checks failed
Frontend CI / build (18.x) (push) Waiting to run
Backend CI / build (3.12) (push) Has been cancelled
Update HelpContributors.tsx
2024-06-26 10:10:47 +03:00
..
env Initial commit 2024-06-07 20:17:03 +03:00
public Improve help UI 2024-06-10 11:57:48 +03:00
src Update HelpContributors.tsx 2024-06-26 10:10:47 +03:00
.dockerignore Initial commit 2024-06-07 20:17:03 +03:00
.env.local Initial commit 2024-06-07 20:17:03 +03:00
.eslintignore Initial commit 2024-06-07 20:17:03 +03:00
.eslintrc.json Initial commit 2024-06-07 20:17:03 +03:00
.prettierignore Initial commit 2024-06-07 20:17:03 +03:00
.prettierrc.json Initial commit 2024-06-07 20:17:03 +03:00
Dockerfile Initial commit 2024-06-07 20:17:03 +03:00
Dockerfile.dev Initial commit 2024-06-07 20:17:03 +03:00
index.html Fix dark mode detection 2024-06-08 21:31:11 +03:00
package-lock.json Revert "Improting synthesis implementation pt1" 2024-06-21 23:47:23 +03:00
package.json Revert "Improting synthesis implementation pt1" 2024-06-21 23:47:23 +03:00
postcss.config.js Initial commit 2024-06-07 20:17:03 +03:00
README.md Improve cursor blocking icon 2024-06-18 15:19:04 +03:00
tailwind.config.js Initial commit 2024-06-07 20:17:03 +03:00
tsconfig.json Initial commit 2024-06-07 20:17:03 +03:00
tsconfig.node.json Initial commit 2024-06-07 20:17:03 +03:00
vite.config.ts Initial commit 2024-06-07 20:17:03 +03:00

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
  - colors: clr-controls
  - text: text-start text-sm font-semibold whitespace-nowrap
  - behavior modifiers: select-none disabled:cursor-auto
  - transitions: