mirror of
https://github.com/immich-app/immich.git
synced 2025-02-09 18:57:46 +02:00
d5e19e45cd
* Fixed semantic problem in navigation-bar.svelte Closes [4574] * Reintroduced styling for navigation-bar.svelte Based on button styling * Horizontal rule set as decoration in navigation-bar.svelte * aria-current added as an assistive technology indication for current page Horizontal rule indicates current page for users that can see the screen and with aria-current screen-reader users get the same information * Temporary fix for accessibility name of the link when SVG replaces text This is a temporary fix as we first need to fix the svelte-material-icons to support role="img" on rendered SVGs. * fix(web): horizontal rule replaced with div hr is not semantically correct, therefore we tried with role="decoration" (that should be role="presentation") but it's actually better to just use a div as it's best practice to not override semantics when we can avoid that... Btw. the semantics for active element for assistive technology is added with previous commit setting aria-current on the link... * chore: format --------- Co-authored-by: Jason Rasmussen <jrasm91@gmail.com>
create-svelte
Everything you need to build a Svelte project, powered by create-svelte.
Creating a project
If you're seeing this, you've probably already done this step. Congrats!
# create a new project in the current directory
npm init svelte
# create a new project in my-app
npm init svelte my-app
Developing
Once you've created a project and installed dependencies with npm install (or pnpm install or yarn), start a development server:
npm run dev
# or start the server and open the app in a new browser tab
npm run dev -- --open
Building
To create a production version of your app:
npm run build
You can preview the production build with npm run preview.
To deploy your app, you may need to install an adapter for your target environment.