mirror/yapi
2
0
Fork 0
mirror of https://github.com/YMFE/yapi.git synced 2025-01-24 13:14:16 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: 分组头信息样式微调

Browse Source
This commit is contained in:
wenbo.dong 2017-08-28 20:59:28 +08:00
parent cbda588296
commit 906a977df2
2 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
client/containers/Group/GroupList/GroupList.scss
View File

@ -8,7 +8,10 @@
.curr-group { .curr-group {
background: $color-bg-dark; background: $color-bg-dark;
border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;
padding: 32px 24px; padding: 24px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
"Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
SimSun, sans-serif;
.curr-group-name { .curr-group-name {
.text { .text {
display: inline-block; display: inline-block;
@ -16,6 +19,7 @@
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
max-width: 150px; max-width: 150px;
font-weight: 200;
vertical-align: bottom; vertical-align: bottom;
} }
@ -26,6 +30,8 @@
color: #fff; color: #fff;
font-size: 12px; font-size: 12px;
max-height: 54px; max-height: 54px;
margin-top: .16rem;
color: #ccc;
text-overflow:ellipsis; text-overflow:ellipsis;
overflow:hidden; overflow:hidden;
-webkit-line-clamp: 3; -webkit-line-clamp: 3;

3
client/styles/theme.less
View File

@ -37,9 +37,6 @@
@body-background : #ececec; @body-background : #ececec;
// Base background color for most components // Base background color for most components
@component-background : #fff; @component-background : #fff;
@font-family-no-number : -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
@font-family : "Helvetica Neue For Number", @font-family-no-number;
@code-family : Consolas, Menlo, Courier, monospace;
@heading-color : fade(#273848, 85%); @heading-color : fade(#273848, 85%);
@text-color : fade(#0d1b3e, 65%); @text-color : fade(#0d1b3e, 65%);
@text-color-secondary : fade(#0d1b3e, 43%); @text-color-secondary : fade(#0d1b3e, 43%);