🐛 fix(MDivider): cannot be displayed in some cases (#500)

masastack · Jun 10, 2022 · dacdcbf · dacdcbf
1 parent 84e13cb
commit dacdcbf
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/Masa.Blazor/Components/Divider/MDivider.cs b/src/Masa.Blazor/Components/Divider/MDivider.cs
@@ -41,6 +41,7 @@ protected override void SetComponentClass()
                 }, styleBuilder =>
                 {
                     styleBuilder
+                        .AddIf("display:contents", () => !HasContent)
                         .AddIf("height: 100%", () => Vertical)
                         .AddIf($"padding: {PaddingY}px 0", () => PaddingY > 0);
                 })
@@ -50,13 +51,15 @@ protected override void SetComponentClass()
                         .Add("m-divider")
                         .AddIf($"{prefix}--inset", () => Inset)
                         .AddIf($"{prefix}--vertical", () => Vertical)
+                        .AddIf(Class, () => !HasContent)
                         .AddTheme(IsDark);
                 })
                 .Apply("content", cssBuilder =>
                 {
                     cssBuilder
                         .Add($"{prefix}__content")
                         .AddIf($"{prefix}--inset", () => Inset)
+                        .AddIf(Style, () => !HasContent)
                         .AddTheme(IsDark);
                 });
         }