feat(web): immich-ui components ()

* feat: add immich-ui to auth pages

* fix: welcome icon

* styling

* fix: mobile padding

---------

Co-authored-by: Alex Tran <alex.tran1502@gmail.com>
This commit is contained in:
Jason Rasmussen 2025-01-14 14:53:33 -05:00 committed by GitHub
parent 073fccb517
commit b9000d8770
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
13 changed files with 345 additions and 262 deletions

View file

@ -2,7 +2,7 @@ import plugin from 'tailwindcss/plugin';
/** @type {import('tailwindcss').Config} */
export default {
content: ['./src/**/*.{html,js,svelte,ts}'],
content: ['./src/**/*.{html,js,svelte,ts}', './node_modules/@immich/ui/dist/**/*.{svelte,js}'],
darkMode: 'class',
theme: {
extend: {
@ -24,7 +24,20 @@ export default {
'immich-dark-error': 'rgb(var(--immich-dark-error) / <alpha-value>)',
'immich-dark-success': 'rgb(var(--immich-dark-success) / <alpha-value>)',
'immich-dark-warning': 'rgb(var(--immich-dark-warning) / <alpha-value>)',
primary: 'rgb(var(--immich-ui-primary) / <alpha-value>)',
light: 'rgb(var(--immich-ui-light) / <alpha-value>)',
dark: 'rgb(var(--immich-ui-dark) / <alpha-value>)',
success: 'rgb(var(--immich-ui-success) / <alpha-value>)',
danger: 'rgb(var(--immich-ui-danger) / <alpha-value>)',
warning: 'rgb(var(--immich-ui-warning) / <alpha-value>)',
info: 'rgb(var(--immich-ui-info) / <alpha-value>)',
subtle: 'rgb(var(--immich-gray) / <alpha-value>)',
},
borderColor: ({ theme }) => ({
...theme('colors'),
DEFAULT: 'rgb(var(--immich-ui-default-border) / <alpha-value>)',
}),
fontFamily: {
'immich-mono': ['Overpass Mono', 'monospace'],
},