mirror of
https://github.com/XFox111/TabsAsideExtension.git
synced 2026-07-02 19:52:47 +03:00
xfox111
8d9864b276
* fix: opening tab context menu causes tab to open on Firefox #224 (#225) * build(deps): dependency bump + audit fix + manifest version update * chore(ci): dependabot group policy update * docs: copyright dates * chore(ui): minor branding update
52 lines
831 B
TypeScript
52 lines
831 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
|
|
},
|
|
group:
|
|
{
|
|
display: "flex",
|
|
flexFlow: "column",
|
|
alignItems: "flex-start",
|
|
gap: tokens.spacingVerticalSNudge
|
|
},
|
|
img:
|
|
{
|
|
height: "100px",
|
|
flexGrow: 1,
|
|
alignSelf: "flex-end"
|
|
}
|
|
});
|