style(group): 分组页恢复卡片外壳,撤掉文字描边方案
This commit is contained in:
@@ -376,16 +376,6 @@
|
|||||||
margin-top: var(--su-space-2);
|
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 {
|
.group-title {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|||||||
@@ -660,7 +660,9 @@ export default function AppNext() {
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
{group.entries.length > 0 ? (
|
{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 : (
|
) : group.children.some((child) => groupEntryCount(child) > 0) ? null : (
|
||||||
<Empty text="这个分组还没有内容" />
|
<Empty text="这个分组还没有内容" />
|
||||||
)}
|
)}
|
||||||
@@ -669,7 +671,7 @@ export default function AppNext() {
|
|||||||
{group.children
|
{group.children
|
||||||
.filter((child) => child.enabled !== false)
|
.filter((child) => child.enabled !== false)
|
||||||
.map((child) => (
|
.map((child) => (
|
||||||
<section key={child.key} className="group-child-block">
|
<Card key={child.key} padding="md" className="group-child-block">
|
||||||
<div className="group-title">
|
<div className="group-title">
|
||||||
<span
|
<span
|
||||||
className="group-bar"
|
className="group-bar"
|
||||||
@@ -692,7 +694,7 @@ export default function AppNext() {
|
|||||||
) : (
|
) : (
|
||||||
<Empty text="暂无内容" />
|
<Empty text="暂无内容" />
|
||||||
)}
|
)}
|
||||||
</section>
|
</Card>
|
||||||
))}
|
))}
|
||||||
</Space>
|
</Space>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user