MudBlazor/MudBlazor

Support safe area insets (env variables) in layout components

オープン

#10,030 opened on 2024/10/15

 (8 件のコメント) (1 件のリアクション) (0 人の担当者)C# (1,631 件のフォーク)batch import
device: mobileenhancementhelp wanted

Repository metrics

Stars
 (10,394 個のスター)
PR merge metrics
 (平均マージ 6d 6h) (30d で 108 merged PRs)

説明

Feature request type

Enhance component

Component name

No response

Is your feature request related to a problem?

When I am working with MudBlazor on mobile platforms...

  • I need to manually add padding-*: calc(X + env(safe-area-inset-*))everytime when I use MudDrawer.
  • Add padding-top: env(safe-area-inset-top); to AppBar to support safe area, but MudNavMenu layout is still broken.

Describe the solution you'd like

MudBlazor Component's built-in support for safe area.

Have you seen this feature anywhere else?

React Native SafeAreaView: https://reactnative.dev/docs/safeareaview

Describe alternatives you've considered

No response

Pull Request

  • I would like to do a Pull Request

Code of Conduct

  • I agree to follow this project's Code of Conduct

コントリビューターガイド