mirror of
https://github.com/IRBorisov/ConceptPortal.git
synced 2025-06-26 04:50:36 +03:00
|
||
---|---|---|
.. | ||
env | ||
public | ||
resource | ||
src | ||
.dockerignore | ||
.env.local | ||
.prettierignore | ||
.prettierrc.json | ||
Dockerfile | ||
Dockerfile.dev | ||
eslint.config.js | ||
index.html | ||
package-lock.json | ||
package.json | ||
postcss.config.js | ||
README.md | ||
tailwind.config.js | ||
tsconfig.json | ||
tsconfig.node.json | ||
vite.config.ts |
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: