소스 검색

style: analysis page ranking list (#2551)

weihome 7 년 전
부모
커밋
330485d5af
1개의 변경된 파일10개의 추가작업 그리고 2개의 파일을 삭제
  1. 10 2
      src/pages/Dashboard/Analysis.js

+ 10 - 2
src/pages/Dashboard/Analysis.js

@@ -501,8 +501,16 @@ class Analysis extends Component {
                       <ul className={styles.rankingList}>
                       <ul className={styles.rankingList}>
                         {this.rankingListData.map((item, i) => (
                         {this.rankingListData.map((item, i) => (
                           <li key={item.title}>
                           <li key={item.title}>
-                            <span className={i < 3 ? styles.active : ''}>{i + 1}</span>
-                            <span>{item.title}</span>
+                            <span
+                              className={`${styles.rankingItemNumber} ${
+                                i < 3 ? styles.active : ''
+                              }`}
+                            >
+                              {i + 1}
+                            </span>
+                            <span className={styles.rankingItemTitle} title={item.title}>
+                              {item.title}
+                            </span>
                             <span>{numeral(item.total).format('0,0')}</span>
                             <span>{numeral(item.total).format('0,0')}</span>
                           </li>
                           </li>
                         ))}
                         ))}