docs: explain stylesheet ownership, responsive rules and display boundaries

This commit is contained in:
cieanyau committed 2026-11-06 00:38:23 +08:00
1 parent 145d04e9db
commit 9eadc36b62
140 files changed
+568 -3

No files matched your search

+4
View File
@@ -1,3 +1,5 @@
/* 新闻内容:卡片列表、图片摘要和详情正文。 */
/* 导入方:app/pages/news.vue、app/pages/resources.vue。 */
.news-list[data-v-0f61b69d] {
flex-direction: column;
gap: 12px;
@@ -86,6 +88,7 @@
border: 1px solid var(--p-content-border-color, #e2e8f0);
padding: 6px 10px;
}
/* 视口条件 (width<=768px) 下的响应式覆盖;保留相对基础规则的层叠顺序。 */
@media (width<=768px) {
.news-img[data-v-0f61b69d] {
display: none;
@@ -155,6 +158,7 @@
.field label[data-v-0f61b69d] {
font-size: 0.875rem;
}
/* 视口条件 (width<=768px) 下的响应式覆盖;保留相对基础规则的层叠顺序。 */
@media (width<=768px) {
.list-search[data-v-0f61b69d],
.list-select[data-v-0f61b69d],