- 所有原子/组合组件添加 import React from 'react'(修复 React is not defined) - 修复 SCSS import 路径:components/ui 和 patterns 需要 ../../../ 而非 ../../ - 修复 action-inbox 页面 SCSS import 层级
52 lines
812 B
SCSS
52 lines
812 B
SCSS
@import '../../../styles/variables.scss';
|
|
|
|
.section-title {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
margin-bottom: var(--tk-gap-md);
|
|
|
|
&__left {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 10px;
|
|
}
|
|
|
|
&__bar {
|
|
width: 3px;
|
|
height: 20px;
|
|
background: $pri;
|
|
border-radius: 2px;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
&__icon {
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
&__text-wrap {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
&__text {
|
|
font-size: var(--tk-font-h2);
|
|
font-weight: 600;
|
|
color: $tx;
|
|
}
|
|
|
|
&__subtitle {
|
|
font-size: var(--tk-font-body-sm);
|
|
color: $tx3;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
&__action {
|
|
font-size: var(--tk-font-body-sm);
|
|
color: $pri;
|
|
min-height: var(--tk-touch-min);
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
}
|