Mirrored_Repos/InvokeAI
1
0
Fork 0
mirror of https://github.com/invoke-ai/InvokeAI synced 2024-08-30 20:32:17 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): Add Basic Breakpoints

Browse Source
This commit is contained in:
blessedcoolant 2023-04-17 13:26:10 +12:00
parent e1fbecfcf7
commit dac271725a
1 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
invokeai/frontend/web/src/theme/theme.ts
View File

@ -29,7 +29,10 @@ export const theme: ThemeOverride = {
body: { body: {
bg: 'base.900', bg: 'base.900',
color: 'base.50', color: 'base.50',
overflow: 'hidden', overflow: {
base: 'scroll',
xl: 'hidden',
},
}, },
'*': { ...no_scrollbar }, '*': { ...no_scrollbar },
}), }),
@ -38,6 +41,14 @@ export const theme: ThemeOverride = {
fonts: { fonts: {
body: `'Inter', sans-serif`, body: `'Inter', sans-serif`,
}, },
breakpoints: {
base: '0em', // 0px and onwards
sm: '30em', // 480px and onwards
md: '48em', // 768px and onwards
lg: '62em', // 992px and onwards
xl: '80em', // 1280px and onwards
'2xl': '96em', // 1536px and onwards
},
shadows: { shadows: {
light: { light: {
accent: `0 0 10px 0 var(--invokeai-colors-accent-300)`, accent: `0 0 10px 0 var(--invokeai-colors-accent-300)`,