Skip to content

Commit 4aa6f54

Browse files
author
taojiu
committed
style(layout): 优化顶部区域布局
- 为左、中、右区域添加 flex 属性以优化布局结构 - 调整右区域的对齐方式为 flex-end - 移除部分冗余样式,提高代码可读性
1 parent 16acc76 commit 4aa6f54

1 file changed

Lines changed: 4 additions & 1 deletion

File tree

packages/editor-skeleton/src/layouts/workbench.less

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -170,18 +170,21 @@ body {
170170
}
171171

172172
.lc-top-area-left, .lc-workspace-sub-top-area-left {
173+
flex: 1;
173174
display: flex;
174175
align-items: center;
175176
max-width: 100%;
176177
}
177178

178179
.lc-top-area-center, .lc-workspace-sub-top-area-center {
179-
flex: 1;
180180
display: flex;
181181
justify-content: center;
182182
margin: 0 8px;
183183
}
184+
}
184185
.lc-top-area-right, .lc-workspace-sub-top-area-right {
186+
flex: 1;
187+
justify-content: flex-end;
185188
display: flex;
186189
align-items: center;
187190
> * {

0 commit comments

Comments
 (0)