Skip to content

Commit

Permalink
Merge pull request #1256 from kufu/fix/mobile-layout/is-narrow-screen…
Browse files Browse the repository at this point in the history
…-to-is-narrow-view

fix: 実装に合わせて`isNarrowScreen` を `isNarrowView` に修正
  • Loading branch information
Qs-F authored Aug 21, 2024
2 parents 1a4124d + 8ac29f0 commit 6014d66
Showing 1 changed file with 4 additions and 4 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -222,17 +222,17 @@ SmartHR UIは基本的にレスポンシブに実装されているため、配

### useDevice

`useDevice` フックを使って `isNarrowScreen` を取得し、必要に応じてコンポーネントに割り当ててください。SmartHRにおける頻出パターンはSmartHR UIでアダプティブなレイアウトを実装予定です。各プロダクト側でユーザーエージェントの判定を実装する必要はありません。
`useDevice` フックを使って `isNarrowView` を取得し、必要に応じてコンポーネントに割り当ててください。SmartHRにおける頻出パターンはSmartHR UIでアダプティブなレイアウトを実装予定です。各プロダクト側でユーザーエージェントの判定を実装する必要はありません。

### [Dialog](/products/components/dialog/)

(WIP)SmartHR UIで実装するため `isNarrowScreen` を渡してください。基本的にプロダクトで考慮することはありません。
(WIP)SmartHR UIで実装するため `isNarrowView` を渡してください。基本的にプロダクトで考慮することはありません。

### [BottomFixedArea](/products/components/bottom-fixed-area/)[FloatArea](/products/components/float-area/)

そのままレスポンシブに折り返して使うと表示領域を圧迫するため、モバイル向けに再設計が必要です。[1画面で複雑な操作をさせない](#h3-1)ように調整してください。

SmartHR UI でも最低限のレイアウトを実装するため `isNarrowScreen` を渡してください。
SmartHR UI でも最低限のレイアウトを実装するため `isNarrowView` を渡してください。

### [Pagination](/products/components/pagination/)

Expand All @@ -248,7 +248,7 @@ SmartHR UI でも最低限のレイアウトを実装するため `isNarrowScree

モバイルでは、画面幅を越えたテーブルは[2次元スクロール](#h3-3)を招くため、垂直方向に積みあげることを推奨します。

(WIP)SmartHR UIで `isNarrowScreen` を用いたレイアウトの切り替えを検討中です。
(WIP)SmartHR UIで `isNarrowView` を用いたレイアウトの切り替えを検討中です。

### [Tooltip](/products/components/tooltip/)[LineClamp](/products/components/line-clamp/)

Expand Down

0 comments on commit 6014d66

Please sign in to comment.