gitea-github-theme/styles/components/packages.ts

import { css, otherThemeVars, themeVars } from "src/types/vars";

// 组织/仓库的软件包列表(包含用户但未测试)
export const packagesList = css`
  .page-content.packages {
    // 这里必须要用 >, 否则会影响到软件包详细信息页的样式
    > .ui.container > div:not([class]) {
      border: 1px solid ${themeVars.color.light.border};
      border-radius: ${otherThemeVars.border.radius};
      margin-top: 16px;
      .flex-list {
        border-top: 1px solid ${themeVars.color.light.border};
        &:first-child {
          border-top: 0;
        }
        .flex-item {
          padding: 16px;
          .flex-item-main {
            .flex-item-title {
              gap: 8px;
              > a {
                min-height: 25px;
              }
              // 软件包类型的标签
              .ui.label {
                gap: 4px;
                padding: 3px 6px;
                min-height: 24.5px;
                background-color: unset;
                border: 1px solid ${themeVars.color.light.border};
                color: ${themeVars.color.primary.self};
              }
            }
            .flex-item-body {
              font-size: 12px;
              a {
                text-decoration: underline;
                text-underline-offset: 3px;
              }
            }
          }
        }
      }
    }
  }
`;

// 软件包详细信息页
export const packagesDetail = css`
  .page-content.packages {
    .issue-title-header > div {
      color: ${themeVars.color.text.light.num1};
    }
    .issue-content {
      .issue-content-left {
        .ui.top.attached.header {
          font-size: 14px;
          padding: 16px;
        }
        .ui.attached.segment {
          color: ${themeVars.color.text.light.num1};
          padding: 16px;
          .ui.table,
          .ui.form .field > label {
            color: ${themeVars.color.text.light.num1};
          }
          .ui.form .field > label {
            margin-bottom: 8px;
          }
          .markup {
            color: ${themeVars.color.text.self};
            pre {
              font-size: 12px;
              font-weight: 400;
              padding: 12px 16px;
            }
          }
          + .ui.top.attached.header {
            margin-top: 24px;
          }
        }
      }
      .issue-content-right {
        border: 0;
        padding: 0px 16px;
        > strong {
          font-size: 16px;
        }
        > .divider {
          margin: 16px 0px;
        }
        // 详情
        > .ui.relaxed.list {
          margin: 16px 0px;
          .item {
            color: ${themeVars.color.text.light.num1};
            svg {
              color: ${themeVars.color.text.self};
            }
          }
        }
      }
    }
  }
`;