diff --git a/styles/components/release.ts b/styles/components/release.ts index 20d57f7..e683b5f 100644 --- a/styles/components/release.ts +++ b/styles/components/release.ts @@ -41,101 +41,108 @@ export const tags = css` // 发布页样式 export const releases = css` .page-content.repository.releases { - #release-list .release-entry { - // 左侧发布元信息 - .meta { - gap: 0.5rem; - padding-top: 24px; - padding-right: 40px; - text-align: left; - min-width: 0; - flex: 0.125; - a.muted { - color: ${themeVars.color.text.light.num1}; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - word-break: break-all; - svg { - margin-right: 8px !important; - } - svg.tw-mr-1.svg.octicon-tag { - margin-top: 1px; - } - } - // 分支选择按钮 - .ui.button.branch-dropdown-button { - min-height: 20px; - line-height: 20px; - padding: 3px 12px; - font-size: 12px; - } - } - // 右侧发布详细信息 - .segment.detail { - padding: 16px; - .svg { - color: ${themeVars.color.text.light.num1}; - } - // 标题 - .release-list-title { - font-size: 32px; - gap: 16px; - } - // 提交信息 - p.text.grey { - display: flex; - gap: 6px; - flex-wrap: wrap; - margin: 24px 0 0 0; - span { - word-break: break-word; - } - .time { - color: ${themeVars.color.text.self}; - } - } - // 发布内容 - .markup { - > *:first-child { - margin-top: 24px !important; - } - } - // 分割线 - .divider { - position: relative; - left: -16px; - width: calc(100% + 32px); - border-top-width: 1.5px; - margin: 24px 0 16px 0; - } - // 下载列表 - .download { - summary { - font-size: 18px; - font-weight: 600; - margin-top: 16px; - &::marker { - font-size: 14px; + > .ui.container > .divider { + margin: 14px 0; + } + ul#release-list { + gap: 32px; + margin: 32px 0 16px 0; + .release-entry { + // 左侧发布元信息 + .meta { + gap: 0.5rem; + padding-top: 24px; + padding-right: 40px; + text-align: left; + min-width: 0; + flex: 0.125; + a.muted { + color: ${themeVars.color.text.light.num1}; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + word-break: break-all; + svg { + margin-right: 8px !important; + } + svg.tw-mr-1.svg.octicon-tag { + margin-top: 1px; } } - .attachment-list { - margin-top: 16px; - .item { - align-items: center; - line-height: 17px; - padding: 8px 16px; - .flex-text-inline { - gap: 8px; + // 分支选择按钮 + .ui.button.branch-dropdown-button { + min-height: 20px; + line-height: 20px; + padding: 3px 12px; + font-size: 12px; + } + } + // 右侧发布详细信息 + .segment.detail { + padding: 16px; + .svg { + color: ${themeVars.color.text.light.num1}; + } + // 标题 + .release-list-title { + font-size: 32px; + gap: 16px; + } + // 提交信息 + p.text.grey { + display: flex; + gap: 6px; + flex-wrap: wrap; + margin: 24px 0 0 0; + span { + word-break: break-word; + } + .time { + color: ${themeVars.color.text.self}; + } + } + // 发布内容 + .markup { + > *:first-child { + margin-top: 24px !important; + } + } + // 分割线 + .divider { + position: relative; + left: -16px; + width: calc(100% + 32px); + border-top-width: 1.5px; + margin: 24px 0 16px 0; + } + // 下载列表 + .download { + summary { + font-size: 18px; + font-weight: 600; + margin-top: 16px; + &::marker { + font-size: 14px; } - // 只选中左侧文件名称 - strong.flex-text-inline:hover { - text-decoration: underline !important; - } - .attachment-right-info { - color: ${themeVars.color.text.light.num1}; - .svg { - height: 28px; + } + .attachment-list { + margin-top: 16px; + .item { + align-items: center; + line-height: 17px; + padding: 8px 16px; + .flex-text-inline { + gap: 8px; + } + // 只选中左侧文件名称 + strong.flex-text-inline:hover { + text-decoration: underline !important; + } + .attachment-right-info { + color: ${themeVars.color.text.light.num1}; + .svg { + height: 28px; + } } } }