mirror of
https://github.com/immich-app/immich.git
synced 2025-06-24 17:03:11 +02:00
feat(web): immich-ui components (#14263)
* 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:
parent
073fccb517
commit
b9000d8770
13 changed files with 345 additions and 262 deletions
|
@ -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'],
|
||||
},
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue