feat 样式整改
This commit is contained in:
@@ -41,9 +41,9 @@ function countOf(value: MessageType | 'all', counts: MessageTabCounts): number {
|
||||
<style lang="less" scoped>
|
||||
.message-tabs {
|
||||
.flex(column, flex-start, stretch);
|
||||
gap: 0;
|
||||
height: 438px;
|
||||
padding: 14px 0;
|
||||
gap: 2px;
|
||||
min-height: 0;
|
||||
padding: @spacing-sm 0;
|
||||
border-radius: @radius-base;
|
||||
background: @white;
|
||||
box-sizing: border-box;
|
||||
@@ -51,22 +51,24 @@ function countOf(value: MessageType | 'all', counts: MessageTabCounts): number {
|
||||
&__tab {
|
||||
.flex(row, space-between, center);
|
||||
gap: @spacing-sm;
|
||||
height: 44px;
|
||||
padding: 0 25px;
|
||||
border-radius: 0;
|
||||
height: 40px;
|
||||
margin: 0 @spacing-sm;
|
||||
padding: 0 @spacing-base;
|
||||
border-radius: @radius-sm;
|
||||
background: transparent;
|
||||
color: @message-tabs-text;
|
||||
font-size: 13px;
|
||||
font-size: @font-size-sm;
|
||||
font-weight: 400;
|
||||
line-height: 18px;
|
||||
transition: color 0.2s;
|
||||
line-height: 1.4;
|
||||
transition: color 0.2s, background-color 0.2s;
|
||||
|
||||
&:hover {
|
||||
color: @primary-strong;
|
||||
background: @bg-color-light;
|
||||
}
|
||||
|
||||
&.is-active {
|
||||
background: transparent;
|
||||
background: @filter-selected-bg;
|
||||
color: @primary-strong;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user