mirror/naive-ui
2
0
Fork 0
mirror of https://github.com/tusen-ai/naive-ui.git synced 2024-12-21 04:50:14 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(page-header): rtl style

Browse Source
This commit is contained in:
07akioni 2021-09-12 22:20:42 +08:00
parent 7b8f72f567
commit 003f3db2e0
3 changed files with 32 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/page-header/src/styles/page-header-rtl.cssr.ts
View File

@ -1,20 +0,0 @@
import { c, cB, cM } from '../../../_utils/cssr'
export default c([
cB('page-header-wrapper', [
cM('rtl', [
cB('page-header-header', `
direction: rtl;
`),
cB('page-header', `
direction: rtl;
`),
cB('page-header-content', `
direction: rtl;
`),
cB('page-header-footer', `
direction: rtl;
`)
])
])
])

31
src/page-header/src/styles/rtl.cssr.ts Normal file
View File

@ -0,0 +1,31 @@
import { cB, cM, cE } from '../../../_utils/cssr'
export default cB('page-header-wrapper', [
cM('rtl', [
cB('page-header-header', `
direction: rtl;
`),
cB('page-header', `
direction: rtl;
`, [
cE('back', `
margin-right: 0;
margin-left: 16px;
`),
cE('avatar', `
margin-right: 0;
margin-left: 12px;
`),
cE('title', `
margin-right: 0;
margin-left: 16px;
`)
]),
cB('page-header-content', `
direction: rtl;
`),
cB('page-header-footer', `
direction: rtl;
`)
])
])

2
src/page-header/styles/rtl.ts
View File

@ -1,4 +1,4 @@
import rtlStyle from '../src/styles/page-header-rtl.cssr'
import rtlStyle from '../src/styles/rtl.cssr'
export default {
name: 'PageHeader',