[frontend] ADM-646: use rem replace px

[lxuebing]

Summary

use rem replace px

Before

Description

Screenshots

After

Description

Screenshots

Note

Null

[github-actions]

Hi @lxuebing! 👋
Thank you for submitting a pull request! We appreciate your contribution and will review your changes as soon as possible.

[codacy-production]

Coverage summary from Codacy

See diff coverage on Codacy

Coverage variation	Diff coverage
+0.00%	∅

Coverage variation details

	Coverable lines	Covered lines	Coverage
Common ancestor commit (49cd0e4)	4325	4325	100.00%
Head commit (034a4f5)	4325 (+0)	4325 (+0)	100.00% (+0.00%)

Coverage variation is the difference between the coverage for the head and common ancestor commits of the pull request branch: <coverage of head commit> - <coverage of common ancestor commit>

Diff coverage details

	Coverable lines	Covered lines	Diff coverage
Pull request (#785)	0	0	∅ (not applicable)

Diff coverage is the percentage of lines that are covered by tests out of the coverable lines that the pull request added or modified: <covered lines added or modified>/<coverable lines added or modified> * 100%

See your quality gate settings    Change summary preferences