1
0
mirror of https://github.com/immich-app/immich.git synced 2024-11-28 09:33:27 +02:00
immich/web
Bogdan Cerovac d5e19e45cd
fix(web): fix #4574 link button + improves accessibility (#4575)
* 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>
2023-10-25 12:53:44 +00:00
..
__mocks__ chore(web): prettier (#2821) 2023-06-30 23:50:47 -05:00
src fix(web): fix #4574 link button + improves accessibility (#4575) 2023-10-25 12:53:44 +00:00
static feat(web): immich as webapp, add apple icons and manifest file (#2310) 2023-04-23 20:30:38 -05:00
.dockerignore Add web interface with admin functionality (#167) 2022-05-21 02:23:55 -05:00
.eslintignore Add ablum feature to web (#352) 2022-07-15 23:18:17 -05:00
.eslintrc.cjs chore(web): prettier (#2821) 2023-06-30 23:50:47 -05:00
.gitignore Add ablum feature to web (#352) 2022-07-15 23:18:17 -05:00
.npmrc Add web interface with admin functionality (#167) 2022-05-21 02:23:55 -05:00
.prettierignore feat(web): More localisation (#1441) 2023-01-27 23:57:25 -06:00
.prettierrc chore(web): remove flowbite (#4178) 2023-09-23 11:50:21 +07:00
babel.config.cjs chore(web): prettier (#2821) 2023-06-30 23:50:47 -05:00
Dockerfile chore(server,web): bump node version to 20.8 (#4311) 2023-10-03 09:34:35 -05:00
entrypoint.sh fix(server): properly handle SIGTERM (#3350) 2023-07-21 09:20:04 -05:00
how-to-scroll-like-google.md Feature - Implemented virtual scroll on web (#573) 2022-09-04 08:34:39 -05:00
jest.config.mjs chore(web): prettier (#2821) 2023-06-30 23:50:47 -05:00
LICENSE feat(docker) revert ubuntu base image (#863) 2022-10-25 14:18:37 -05:00
package-lock.json chore(server,web,docs) bulk bump of dependencies with vulnerabilities (#4312) 2023-10-10 08:31:21 -04:00
package.json chore(web): remove flowbite (#4178) 2023-09-23 11:50:21 +07:00
postcss.config.cjs chore(web): prettier (#2821) 2023-06-30 23:50:47 -05:00
README.md Add web interface with admin functionality (#167) 2022-05-21 02:23:55 -05:00
svelte.config.js chore(web): Update to Svelte 4 (#3196) 2023-07-15 20:13:04 -05:00
tailwind.config.cjs chore(web): remove flowbite (#4178) 2023-09-23 11:50:21 +07:00
tsconfig.json chore(web): improve type checking (#2644) 2023-06-02 08:55:08 -05:00
vite.config.js fix(web): dev mode repeatedly optimizing dependencies (#4379) 2023-10-07 05:49:34 -05:00

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.