ConceptProd/ConceptPortal-public
1
0
Fork 0
mirror of https://github.com/IRBorisov/ConceptPortal.git synced 2025-06-26 13:00:39 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity
18469324f9
ConceptPortal-public/rsconcept/frontend
History
IRBorisov 18469324f9 Add alias resolution to Jest
2023-12-26 14:46:46 +03:00
..
env Finalize portal URLs 2023-09-16 20:32:56 +03:00
public Minor UI fixes 2023-10-13 21:44:18 +03:00
src Add alias resolution to Jest 2023-12-26 14:46:46 +03:00
.dockerignore Refactoring: implement aliases and use client 2023-12-13 14:32:57 +03:00
.env.local Setup dev and prod configurations for docker 2023-08-29 00:34:56 +03:00
.eslintignore Refactor help pages 2023-08-23 18:11:42 +03:00
.eslintrc.json Refactor UI labels 2023-09-21 14:58:01 +03:00
Dockerfile Fix build system 2023-09-10 21:34:04 +03:00
Dockerfile.dev Setup dev and prod configurations for docker 2023-08-29 00:34:56 +03:00
index.html Move to Vite. Refactor type system for data transport 2023-07-26 23:11:00 +03:00
package-lock.json Implement UI animations 2023-12-25 16:53:27 +03:00
package.json Add alias resolution to Jest 2023-12-26 14:46:46 +03:00
postcss.config.js Major UI improvement and colors refactoring 2023-09-03 18:26:50 +03:00
README.md Refactoring: remove redundant flex classnames 2023-12-19 11:18:28 +03:00
tailwind.config.js Move to Vite. Refactor type system for data transport 2023-07-26 23:11:00 +03:00
tsconfig.json Refactoring: implement aliases and use client 2023-12-13 14:32:57 +03:00
tsconfig.node.json Another attempt at chunking 2023-08-13 23:51:48 +03:00
vite.config.ts Fix build issues 2023-12-13 15:03:50 +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 groupind 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
  - 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-not-allowed
  - transitions: