31 lines
916 B
TypeScript
31 lines
916 B
TypeScript
import { makeStyles, tokens } from "@fluentui/react-components";
|
|
|
|
export const useCommonSectionStyles = makeStyles({
|
|
section: {
|
|
display: "flex",
|
|
flexDirection: "column",
|
|
gap: tokens.spacingVerticalS,
|
|
backgroundColor: tokens.colorNeutralBackground1,
|
|
borderRadius: tokens.borderRadiusMedium,
|
|
border: `1px solid ${tokens.colorNeutralStroke2}`,
|
|
padding: tokens.spacingVerticalM,
|
|
},
|
|
sectionHeader: {
|
|
display: "flex",
|
|
alignItems: "center",
|
|
justifyContent: "space-between",
|
|
gap: tokens.spacingHorizontalM,
|
|
paddingBottom: tokens.spacingVerticalS,
|
|
borderBottom: `1px solid ${tokens.colorNeutralStroke2}`,
|
|
},
|
|
});
|
|
|
|
export const useCardStyles = makeStyles({
|
|
card: {
|
|
backgroundColor: tokens.colorNeutralBackground1,
|
|
borderRadius: tokens.borderRadiusMedium,
|
|
border: `1px solid ${tokens.colorNeutralStroke2}`,
|
|
padding: tokens.spacingVerticalM,
|
|
},
|
|
});
|