fui-fancyui
Version:
FancyUI Libary
42 lines (40 loc) • 1.26 kB
JavaScript
import a from "styled-components";
import { sizeSettings as s } from "../../molecules/SideBar/sizeSettings.js";
import { sizeSettings as t } from "./sizeSetting.js";
const e = a.div`
position: relative;
`, g = a.div`
margin: ${({ theme: i, $sizeC: n = "sm" }) => `0 ${i.spacing[t[n].margin]} 0 ${i.spacing[t[n].margin]}`};
`, m = a.div`
display: flex;
flex-direction: column;
margin: ${({ theme: i, $sizeC: n = "sm" }) => `0 ${i.spacing[t[n].margin]} 0 ${i.spacing[t[n].margin]}`};
gap: ${({ $sizeC: i = "sm", theme: n }) => `${n.spacing[s[i].gapBetweenItems]}`};
`, c = a.div`
display: flex;
flex-direction: column;
margin-top: auto;
margin: ${({ theme: i, $sizeC: n = "sm" }) => `auto ${i.spacing[t[n].margin]} 0 ${i.spacing[t[n].margin]}`};
gap: ${({ $sizeC: i = "sm", theme: n }) => `${n.spacing[s[i].gapBetweenItems]}`};
`, l = a.div`
padding: 0;
margin: 0;
display: flex;
width: 100%;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
gap: ${({ $gap: i = "sm", theme: n }) => n.spacing[i]};
height: 100%;
overflow: auto;
&::-webkit-scrollbar {
display: none;
}
`;
export {
g as ChildWrapper,
e as ItemWrapper,
l as MainItemsWrapper,
c as SlotBottom,
m as SlotTop
};