ConceptPortal-public/rsconcept/frontend
Ivan 282925c9a3
Some checks are pending
Backend CI / build (3.12) (push) Waiting to run
Frontend CI / build (22.x) (push) Waiting to run
F: Prepare frontend for Synthesis execution
2024-07-29 23:20:42 +03:00
..
env Upgrade build system base versions 2024-07-19 22:38:43 +03:00
public F: Implement dev helper features 2024-07-28 13:07:22 +03:00
src F: Prepare frontend for Synthesis execution 2024-07-29 23:20:42 +03:00
.dockerignore Refactoring: implement aliases and use client 2023-12-13 14:32:57 +03:00
.env.local Upgrade build system base versions 2024-07-19 22:38:43 +03:00
.eslintignore Refactor help pages 2023-08-23 18:11:42 +03:00
.eslintrc.json UI update: new fonts and adjustments 2023-12-30 19:43:24 +03:00
.prettierignore Create .prettierignore 2024-05-02 17:04:09 +03:00
.prettierrc.json Refactoring: apply prettier on save 2023-12-28 14:04:44 +03:00
Dockerfile Implementing basic oss graph 2024-07-21 22:51:43 +03:00
Dockerfile.dev Update development build 2024-07-19 23:26:08 +03:00
index.html Fix dark mode detection 2024-06-08 21:32:11 +03:00
package-lock.json F: Implement dev helper features 2024-07-28 13:07:22 +03:00
package.json F: Implement dev helper features 2024-07-28 13:07:22 +03:00
postcss.config.js Minor format changes and fixes 2023-12-30 14:46:43 +03:00
README.md Improve cursor blocking icon 2024-06-18 15:19:19 +03:00
tailwind.config.js Implementing locations and permissions pt1 2024-06-02 23:41:46 +03:00
tsconfig.json Upgrade build system base versions 2024-07-19 22:38:43 +03:00
tsconfig.node.json Another attempt at chunking 2023-08-13 23:51:48 +03:00
vite.config.ts Upgrade build system base versions 2024-07-19 22:38:43 +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: