7e1eaba3bc
Migrated the ESLint configuration to the new flat config format () and addressed several initial linting errors. Key changes include: - Updated ESLint configuration to treat as warnings instead of errors. - Fixed errors in by declaring and . - Corrected error in by using instead of an out-of-scope . - Resolved error in by replacing the undefined directive with the component. - Addressed errors in by replacing with and with . - Fixed errors in by importing necessary modules (, , ) and adding missing props (, , , , ).
81 lines
1.3 KiB
Markdown
81 lines
1.3 KiB
Markdown
# One Sky IT's Aether App - UI and UX Guidelines and Rules
|
|
|
|
## General
|
|
|
|
### Events
|
|
|
|
#### layout header
|
|
|
|
#### layout footer
|
|
|
|
### Journals
|
|
|
|
#### buttons
|
|
|
|
##### alert
|
|
|
|
##### info
|
|
|
|
##### priority, flag
|
|
|
|
##### warning, hide
|
|
|
|
```css
|
|
variant-soft-warning hover:variant-filled-warning
|
|
```
|
|
|
|
##### error, delete, disable
|
|
|
|
```css
|
|
variant-soft-error hover:variant-filled-error
|
|
```
|
|
|
|
#### new root layout header
|
|
|
|
#### submenu
|
|
|
|
```css
|
|
flex flex-row items-center justify-center gap-1
|
|
```
|
|
|
|
#### new layout footer
|
|
|
|
## Svelte 5 and SvelteKit v2 (framework and routing)
|
|
|
|
## Tailwind 3.x CSS (styles)
|
|
|
|
Waiting to upgrade to 4.x when ShadCN is ready. ShadCN is still being worked on as of late March 2025.
|
|
|
|
- https://ui.shadcn.com/docs/tailwind-v4
|
|
|
|
## CodeMirror 6.x (text and code editor)
|
|
|
|
- https://codemirror.net
|
|
|
|
## ShadCN (Tailwind Components)
|
|
|
|
- https://ui.shadcn.com/docs
|
|
- https://github.com/shadcn-ui/ui
|
|
|
|
## Skeleton (Design System, Tailwind Components, Functional Components)
|
|
|
|
Waiting to upgrade to Skeleton v3. Mostly because of the Tailwind 4.x upgrade needed for ShadCN.
|
|
|
|
- https://www.skeleton.dev/docs/get-started/migrate-from-v2
|
|
|
|
## Flowbite (Tailwind Components)
|
|
|
|
## Lucide Icons (SVG Icons)
|
|
|
|
- https://lucide.dev/icons/
|
|
|
|
## Markdown
|
|
|
|
Using marked for Markdown parsing.
|
|
|
|
- https://marked.js.org/
|
|
|
|
## Edra (TipTap based Rich Text Editor)
|
|
|
|
- https://edra.tsuzat.com/
|