nocobase/packages/core/client/src/pm/style.ts

import { createStyles } from 'antd-style';

export const useStyles = createStyles(({ token }) => {
  return {
    pageHeader: {
      backgroundColor: token.colorBgContainer,
      paddingBottom: 0,
      paddingTop: token.paddingSM,
      paddingInline: token.paddingLG,
      '.ant-page-header-footer': { marginBlockStart: '0' },
      '& .ant-tabs-nav': {
        marginBottom: 0,
      },
    },

    pageContent: {
      margin: token.marginLG,
    },

    PluginDetail: {
      '.ant-modal-header': { paddingBottom: token.paddingXS },
      '.ant-modal-body': { paddingTop: 0 },
      '.ant-modal-content': {
        '.plugin-desc': { paddingBottom: token.paddingXS },
      },
      '.version-tag': {
        verticalAlign: 'middle',
        marginTop: -token.marginXXS,
        marginLeft: token.marginXS,
      },
    },

    PluginDocument: {
      background: token.colorBgContainer,
      padding: token.paddingLG,
      height: '60vh',
      overflowY: 'auto',
    },

    CommonCard: {
      width: `calc(20% - ${token.marginLG}px)`,
      marginRight: token.marginLG,
      marginBottom: token.marginLG,
      transition: 'all 0.35s ease-in-out',
    },

    avatar: {
      '.ant-card-meta-avatar': {
        marginTop: '8px',
        '.ant-avatar': { borderRadius: '2px' },
      },
    },

    version: {
      display: 'block',
      color: token.colorTextDescription,
      fontWeight: 'normal',
      fontSize: token.fontSize,
    },
  };
});