style(group): 分组页恢复卡片外壳,撤掉文字描边方案
This commit is contained in:
@@ -376,16 +376,6 @@
|
||||
margin-top: var(--su-space-2);
|
||||
}
|
||||
|
||||
/* 分组页的内容直接压在背景图上(没有卡片底):靠文字自己的对比来保证可读,
|
||||
次级文字提一档,再加一层同主题的描边,落在图片亮部也不会糊成一片。 */
|
||||
.detail-view .group-own-block,
|
||||
.detail-view .group-child-block,
|
||||
.detail-hero {
|
||||
--su-text-sub: var(--su-text-secondary);
|
||||
--su-text-muted: var(--su-text-sub);
|
||||
text-shadow: 0 1px 3px color-mix(in srgb, var(--su-bg-page) 70%, transparent);
|
||||
}
|
||||
|
||||
/* 明细页的分组标题:与首页卡片标题同一套「色条 + 标题」 */
|
||||
.group-title {
|
||||
display: flex;
|
||||
|
||||
@@ -660,7 +660,9 @@ export default function AppNext() {
|
||||
</div>
|
||||
|
||||
{group.entries.length > 0 ? (
|
||||
<div className="group-own-block">{renderEntries(group, group.entries)}</div>
|
||||
<Card padding="md" className="group-own-block">
|
||||
{renderEntries(group, group.entries)}
|
||||
</Card>
|
||||
) : group.children.some((child) => groupEntryCount(child) > 0) ? null : (
|
||||
<Empty text="这个分组还没有内容" />
|
||||
)}
|
||||
@@ -669,7 +671,7 @@ export default function AppNext() {
|
||||
{group.children
|
||||
.filter((child) => child.enabled !== false)
|
||||
.map((child) => (
|
||||
<section key={child.key} className="group-child-block">
|
||||
<Card key={child.key} padding="md" className="group-child-block">
|
||||
<div className="group-title">
|
||||
<span
|
||||
className="group-bar"
|
||||
@@ -692,7 +694,7 @@ export default function AppNext() {
|
||||
) : (
|
||||
<Empty text="暂无内容" />
|
||||
)}
|
||||
</section>
|
||||
</Card>
|
||||
))}
|
||||
</Space>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user