| 123456789101112131415161718192021222324 |
- import assert from 'node:assert/strict'
- import { buildSafeAreaCssVarsStyle } from '../safeAreaCss.js'
- const style = buildSafeAreaCssVarsStyle({
- topSafeHeight: 44,
- navContentHeight: 40,
- headerHeight: 84,
- capsuleRightSafeWidth: 96,
- })
- assert.equal(style['--sq-safe-top'], '44px')
- assert.equal(style['--sq-nav-height'], '40px')
- assert.equal(style['--sq-header-height'], '84px')
- assert.equal(style['--sq-capsule-right-safe'], '96px')
- const noCapsuleStyle = buildSafeAreaCssVarsStyle({
- topSafeHeight: 20,
- navContentHeight: 44,
- headerHeight: 64,
- capsuleRightSafeWidth: 0,
- })
- assert.equal(noCapsuleStyle['--sq-capsule-right-safe'], '0px')
- console.log('ok')
|
