ant-design-x-vue-next/es/bubble/style/list.mjs

Ant Design X for Vue — community continuation aligned with @ant-design/x

const t = (o) => {
  const { componentCls: r, padding: l } = o;
  return {
    [`${r}-list`]: {
      maxHeight: "100%",
      width: "100%",
      boxSizing: "border-box",
      display: "flex",
      flexDirection: "column",
      gap: l,
      [`& ${r}`]: {
        width: "100%",
        boxSizing: "border-box"
      },
      [`${r}-list-scroll-box`]: {
        overflowY: "auto",
        display: "flex",
        width: "100%",
        maxHeight: "100%",
        flex: 1,
        flexDirection: "column",
        gap: l,
        scrollbarWidth: "thin",
        scrollbarColor: `${o.colorTextTertiary} transparent`,
        "&::-webkit-scrollbar": {
          width: 8,
          backgroundColor: "transparent"
        },
        "&::-webkit-scrollbar-thumb": {
          backgroundColor: o.colorTextTertiary,
          borderRadius: o.borderRadiusSM
        }
      },
      [`${r}-list-scroll-content`]: {
        display: "flex",
        width: "100%",
        height: "fit-content",
        flexDirection: "column",
        boxSizing: "border-box",
        gap: l
      }
    }
  };
};
export {
  t as default
};