47 lines
1.1 KiB
TypeScript
47 lines
1.1 KiB
TypeScript
import { makeStyles, tokens } from "@fluentui/react-components";
|
|
|
|
export const useJailsPageStyles = makeStyles({
|
|
root: {
|
|
display: "flex",
|
|
flexDirection: "column",
|
|
gap: tokens.spacingVerticalL,
|
|
},
|
|
tableWrapper: { overflowX: "auto" },
|
|
centred: {
|
|
display: "flex",
|
|
justifyContent: "center",
|
|
alignItems: "center",
|
|
padding: tokens.spacingVerticalXXL,
|
|
},
|
|
mono: {
|
|
fontFamily: tokens.fontFamilyMonospace,
|
|
fontSize: tokens.fontSizeBase200,
|
|
},
|
|
formRow: {
|
|
display: "flex",
|
|
flexWrap: "wrap",
|
|
gap: tokens.spacingHorizontalM,
|
|
alignItems: "flex-end",
|
|
},
|
|
formField: { minWidth: "180px", flexGrow: 1 },
|
|
actionRow: {
|
|
display: "flex",
|
|
flexWrap: "wrap",
|
|
gap: tokens.spacingHorizontalS,
|
|
},
|
|
lookupResult: {
|
|
display: "flex",
|
|
flexDirection: "column",
|
|
gap: tokens.spacingVerticalS,
|
|
marginTop: tokens.spacingVerticalS,
|
|
padding: tokens.spacingVerticalS,
|
|
},
|
|
lookupRow: {
|
|
display: "flex",
|
|
gap: tokens.spacingHorizontalM,
|
|
flexWrap: "wrap",
|
|
alignItems: "center",
|
|
},
|
|
lookupLabel: { fontWeight: tokens.fontWeightSemibold },
|
|
});
|