mirror of
https://github.com/inventree/InvenTree.git
synced 2026-05-09 03:03:41 +00:00
fix(frontend): adjust media queries for newer postcss style (#11892)
This commit is contained in:
@@ -35,8 +35,10 @@ export const layoutHeaderUser = style({
|
|||||||
[vars.lightSelector]: { color: vars.colors.black },
|
[vars.lightSelector]: { color: vars.colors.black },
|
||||||
[vars.darkSelector]: { color: vars.colors.dark[0] },
|
[vars.darkSelector]: { color: vars.colors.dark[0] },
|
||||||
|
|
||||||
[vars.smallerThan('xs')]: {
|
'@media': {
|
||||||
display: 'none'
|
[vars.smallerThan('xs')]: {
|
||||||
|
display: 'none'
|
||||||
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
@@ -69,11 +71,13 @@ export const link = style({
|
|||||||
[vars.lightSelector]: { color: vars.colors.black },
|
[vars.lightSelector]: { color: vars.colors.black },
|
||||||
[vars.darkSelector]: { color: vars.colors.white },
|
[vars.darkSelector]: { color: vars.colors.white },
|
||||||
|
|
||||||
[vars.smallerThan('sm')]: {
|
'@media': {
|
||||||
height: rem(42),
|
[vars.smallerThan('sm')]: {
|
||||||
display: 'flex',
|
height: rem(42),
|
||||||
alignItems: 'center',
|
display: 'flex',
|
||||||
width: '100%'
|
alignItems: 'center',
|
||||||
|
width: '100%'
|
||||||
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
':hover': {
|
':hover': {
|
||||||
@@ -92,8 +96,10 @@ export const layoutContent = style({
|
|||||||
});
|
});
|
||||||
|
|
||||||
export const tabs = style({
|
export const tabs = style({
|
||||||
[vars.smallerThan('sm')]: {
|
'@media': {
|
||||||
display: 'none'
|
[vars.smallerThan('sm')]: {
|
||||||
|
display: 'none'
|
||||||
|
}
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user