Skip to content

Commit 36f67bc

Browse files
authored
docs(site): add grid component online demo styles (#5570)
1 parent 1095eea commit 36f67bc

File tree

2 files changed

+31
-0
lines changed

2 files changed

+31
-0
lines changed

packages/tdesign-vue-next/site/src/components/codeSandbox/content.ts

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -49,6 +49,22 @@ export const styleContent = `
4949
font-weight: 500;
5050
font-size: 20px;
5151
}
52+
53+
/* grid 组件示例展示 */
54+
.tdesign-demo-item--grid .t-col > div {
55+
min-height: 40px;
56+
margin-top: 8px;
57+
margin-bottom: 8px;
58+
background: #366ef4;
59+
color: #fff;
60+
text-align: center;
61+
line-height: 40px;
62+
}
63+
64+
.tdesign-demo-item--grid .t-col:nth-of-type(2n) > div {
65+
background: #8eabff;
66+
}
67+
5268
`;
5369

5470
export const packageJSONContent = (name: string) => {

packages/tdesign-vue-next/site/src/components/stackblitz/content.ts

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -52,6 +52,21 @@ export const styleContent = `
5252
font-weight: 500;
5353
font-size: 20px;
5454
}
55+
56+
/* grid 组件示例展示 */
57+
.tdesign-demo-item--grid .t-col > div {
58+
min-height: 40px;
59+
margin-top: 8px;
60+
margin-bottom: 8px;
61+
background: #366ef4;
62+
color: #fff;
63+
text-align: center;
64+
line-height: 40px;
65+
}
66+
67+
.tdesign-demo-item--grid .t-col:nth-of-type(2n) > div {
68+
background: #8eabff;
69+
}
5570
`;
5671

5772
export const stackblitzRc = `

0 commit comments

Comments
 (0)