mirror of
https://github.com/stonith404/pingvin-share.git
synced 2025-01-15 01:14:27 -05:00
80 lines
1.6 KiB
TypeScript
80 lines
1.6 KiB
TypeScript
import { createStyles } from "@mantine/core";
|
|
|
|
export default createStyles((theme) => ({
|
|
root: {
|
|
position: "relative",
|
|
zIndex: 1,
|
|
},
|
|
|
|
dropdown: {
|
|
position: "absolute",
|
|
top: 60,
|
|
left: 0,
|
|
right: 0,
|
|
zIndex: 0,
|
|
borderTopRightRadius: 0,
|
|
borderTopLeftRadius: 0,
|
|
borderTopWidth: 0,
|
|
overflow: "hidden",
|
|
|
|
[theme.fn.largerThan("sm")]: {
|
|
display: "none",
|
|
},
|
|
},
|
|
|
|
header: {
|
|
display: "flex",
|
|
justifyContent: "space-between",
|
|
alignItems: "center",
|
|
height: "100%",
|
|
},
|
|
|
|
links: {
|
|
[theme.fn.smallerThan("sm")]: {
|
|
display: "none",
|
|
},
|
|
},
|
|
|
|
burger: {
|
|
[theme.fn.largerThan("sm")]: {
|
|
display: "none",
|
|
},
|
|
},
|
|
|
|
link: {
|
|
display: "block",
|
|
lineHeight: 1,
|
|
padding: "8px 12px",
|
|
borderRadius: theme.radius.sm,
|
|
textDecoration: "none",
|
|
color:
|
|
theme.colorScheme === "dark"
|
|
? theme.colors.dark[0]
|
|
: theme.colors.gray[7],
|
|
fontSize: theme.fontSizes.sm,
|
|
fontWeight: 500,
|
|
|
|
"&:hover": {
|
|
backgroundColor:
|
|
theme.colorScheme === "dark"
|
|
? theme.colors.dark[6]
|
|
: theme.colors.gray[0],
|
|
},
|
|
|
|
[theme.fn.smallerThan("sm")]: {
|
|
borderRadius: 0,
|
|
padding: theme.spacing.md,
|
|
},
|
|
},
|
|
|
|
linkActive: {
|
|
"&, &:hover": {
|
|
backgroundColor:
|
|
theme.colorScheme === "dark"
|
|
? theme.fn.rgba(theme.colors[theme.primaryColor][9], 0.25)
|
|
: theme.colors[theme.primaryColor][0],
|
|
color:
|
|
theme.colors[theme.primaryColor][theme.colorScheme === "dark" ? 3 : 7],
|
|
},
|
|
},
|
|
}));
|