mirror of
https://github.com/XFox111/TabsAsideExtension.git
synced 2026-04-22 07:58:01 +03:00
39 lines
640 B
TypeScript
39 lines
640 B
TypeScript
import { makeStyles, tokens } from "@fluentui/react-components";
|
|
|
|
export const useOptionsStyles = makeStyles({
|
|
main:
|
|
{
|
|
display: "grid",
|
|
gridTemplateRows: "auto 1fr",
|
|
height: "100%"
|
|
},
|
|
tabList:
|
|
{
|
|
flexWrap: "wrap"
|
|
},
|
|
article:
|
|
{
|
|
display: "flex",
|
|
flexFlow: "column",
|
|
gap: tokens.spacingVerticalMNudge,
|
|
padding: `${tokens.spacingVerticalS} ${tokens.spacingHorizontalM}`,
|
|
overflowY: "auto"
|
|
},
|
|
section:
|
|
{
|
|
display: "flex",
|
|
flexFlow: "column",
|
|
alignItems: "flex-start"
|
|
},
|
|
buttonFix:
|
|
{
|
|
minHeight: "32px"
|
|
},
|
|
horizontalButtons:
|
|
{
|
|
display: "flex",
|
|
flexWrap: "wrap",
|
|
gap: tokens.spacingHorizontalS
|
|
}
|
|
});
|