ConceptPortal-public/rsconcept/frontend
Ivan 3e52639e48
Some checks are pending
Frontend CI / build (22.x) (push) Waiting to run
R: Refactor feature dependencies
2025-02-26 00:16:41 +03:00
..
env Upgrade build system base versions 2024-07-19 22:38:43 +03:00
public R: Small UI refactoring and improvement 2024-12-03 12:47:08 +03:00
resource R: Small UI refactoring and improvement 2024-12-03 12:47:08 +03:00
src R: Refactor feature dependencies 2025-02-26 00:16:41 +03:00
tests R: Remove redundant types and styles 2025-02-22 14:04:01 +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
.prettierignore Create .prettierignore 2024-05-02 17:04:09 +03:00
.prettierrc.json R: Upgrade to eslint9 2024-08-06 14:39:00 +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
eslint.config.js F: Upgrade to tailwind 4. Fix type imports 2025-02-21 21:15:05 +03:00
index.html F: Disable react-scan for production 2025-02-20 14:59:52 +03:00
package-lock.json F: Remove unusable save to image feature 2025-02-25 22:15:02 +03:00
package.json F: Remove unusable save to image feature 2025-02-25 22:15:02 +03:00
playwright.config.ts R: Move notifications into transport layer 2025-01-28 19:47:24 +03:00
README.md R: Improve styling semantics pt1 2024-12-17 10:53:01 +03:00
tsconfig.json Upgrade build system base versions 2024-07-19 22:38:43 +03:00
tsconfig.node.json R: Integrate Playwright as end-to-end testing 2025-01-14 16:25:05 +03:00
vite.config.ts R: Refactor menu bars and fix QR dialog styling 2025-02-23 16:54:11 +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
  - text: text-start text-sm font-semibold whitespace-nowrap bg-prim-200 fg-app-100
  - behavior modifiers: select-none disabled:cursor-auto
  - transitions: