Updating Mudblazor Version

Components/Inputs/ButtonComponent.razor

@@ -19,31 +19,28 @@
         background-color: var(--secondary);
     }
 
-        .@MyButtonType.Primary.ToString().ToLower():hover {
-            background-color: var(--primary-hover);
-            border-color: var(--primary-border-hover);
-            color: white;
-        }
+    .@MyButtonType.Primary.ToString().ToLower():hover {
+        background-color: var(--primary-hover);
+        border-color: var(--primary-border-hover);
+        color: white;
+    }
 
-        .@MyButtonType.Secondary.ToString().ToLower():hover {
-            background-color: var(--secondary-hover);
-            border-color: var(--secondary-border-hover);
-            color: white;
-        }
+    .@MyButtonType.Secondary.ToString().ToLower():hover {
+        background-color: var(--secondary-hover);
+        border-color: var(--secondary-border-hover);
+        color: white;
+    }
 
 </style>
 
 
 @code {
 
-    [Parameter]
-    public RenderFragment ChildContent { get; set; } = default!;
+    [Parameter] public RenderFragment ChildContent { get; set; } = default!;
 
-    [Parameter]
-    public EventCallback<EventArgs> OnClick { get; set; } = default!;
+    [Parameter] public EventCallback<EventArgs> OnClick { get; set; }
 
-    [Parameter]
-    public MyButtonType MyButtonType { get; set; } = default!;
+    [Parameter] public MyButtonType MyButtonType { get; set; }
 
     private void ButtonClicked(EventArgs eventArgs)
     {

Components/Inputs/ButtonGroupComponent.razor

@@ -7,76 +7,75 @@
             {
                 styleClass = "selected";
             }
+
             <button @onclick="@(e => OnChangeChoice(choice))" class="groupChoiceButton @styleClass">@choice</button>
         }
     </div>
 </div>
 <style>
 
-.groupButtonContainerContainer {
-    margin: auto;
-    display: flex;
-    flex-direction: column;
-    justify-content: flex-start;
-    justify-items: flex-start;
-}
-.groupButtonContainer {
-    display: flex;
-    background-color: var(--background);
-    gap: 2px;
-    margin-right: auto;
-    border-radius: 8px;
-}
+    .groupButtonContainerContainer {
+        margin: auto;
+        display: flex;
+        flex-direction: column;
+        justify-content: flex-start;
+        justify-items: flex-start;
+    }
 
-.groupChoiceButton {
-    background-color: var(--primary);
-    color: white;
-    padding: 12px;
-    border: 1px solid var(--primary);
-}
+    .groupButtonContainer {
+        display: flex;
+        background-color: var(--background);
+        gap: 2px;
+        margin-right: auto;
+        border-radius: 8px;
+    }
 
-.groupChoiceButton:hover {
-    background-color: var(--primary-hover);
-    border-color: var(--primary-border-hover);
-}
+    .groupChoiceButton {
+        background-color: var(--primary);
+        color: white;
+        padding: 12px;
+        border: 1px solid var(--primary);
+    }
 
-.selected {
-    background-color: var(--secondary);
-    color: white;
-    font-style: normal;
-    font-weight: bold;
-}
+    .groupChoiceButton:hover {
+        background-color: var(--primary-hover);
+        border-color: var(--primary-border-hover);
+    }
 
-.selected:hover {
-    background-color: var(--secondary-hover);
-    border-color: var(--secondary-border-hover);
-}
+    .selected {
+        background-color: var(--secondary);
+        color: white;
+        font-style: normal;
+        font-weight: bold;
+    }
+
+    .selected:hover {
+        background-color: var(--secondary-hover);
+        border-color: var(--secondary-border-hover);
+    }
 
 
-.groupButtonContainer .groupChoiceButton:first-child {
-    border-top-left-radius: 8px;
-    border-bottom-left-radius: 8px;
-}
+    .groupButtonContainer .groupChoiceButton:first-child {
+        border-top-left-radius: 8px;
+        border-bottom-left-radius: 8px;
+    }
 
 
-.groupButtonContainer .groupChoiceButton:last-child {
-    border-top-right-radius: 8px;
-    border-bottom-right-radius: 8px;
-}
+    .groupButtonContainer .groupChoiceButton:last-child {
+        border-top-right-radius: 8px;
+        border-bottom-right-radius: 8px;
+    }
 
 </style>
 
 
 @code {
 
-    [Parameter]
-    public string Choice { get; set; } = default!;
+    [Parameter] public string Choice { get; set; } = default!;
 
-    [Parameter]
-    public List<string> Choices { get; set; } = default!;
+    [Parameter] public List<string> Choices { get; set; } = default!;
 
-    [Parameter]
-    public EventCallback<string> OnClick { get; set; }
+    [Parameter] public EventCallback<string> OnClick { get; set; }
 
 
     protected override void OnInitialized()

Components/Inputs/CodeLinkComponent.razor

@@ -13,7 +13,7 @@
         width: 200px;
         text-align: center;
     }
-    
+
     .codeLinkButton:hover {
         color: white;
         background-color: var(--info-hover);
@@ -23,7 +23,6 @@
 
 @code {
 
-    [Parameter]
-    public string Href { get; set; } = "";
+    [Parameter] public string Href { get; set; } = "";
 
 }

Components/Inputs/EditLinkComponent.razor

@@ -13,7 +13,7 @@
         width: 180px;
         text-align: center;
     }
-    
+
     .editLinkButton:hover {
         color: white;
         background-color: var(--info-hover);
@@ -23,7 +23,6 @@
 
 @code {
 
-    [Parameter]
-    public string Href { get; set; } = "";
+    [Parameter] public string Href { get; set; } = "";
 
 }

Components/Inputs/EntityLabelComponent.razor

@@ -14,8 +14,7 @@ else
 
 @code {
 
-    [Parameter]
-    public string EntityId { get; set; } = default!;
+    [Parameter] public string EntityId { get; set; } = default!;
 
     private EntityModel Entity => DATA.Get()[EntityId];
 

Components/Inputs/LinkButtonComponent.razor

@@ -12,7 +12,7 @@
         border-color: var(--primary);
         background-color: var(--primary);
     }
-    
+
     .linkButtonContainer:hover {
         background-color: var(--primary-hover);
         border-color: var(--primary-border-hover);
@@ -24,12 +24,10 @@
 
 @code {
 
-    [Parameter]
-    public RenderFragment ChildContent { get; set; } = default!;
+    [Parameter] public RenderFragment ChildContent { get; set; } = default!;
 
 
-    [Parameter]
-    public string Href { get; set; } = "";
+    [Parameter] public string Href { get; set; } = "";
 
 
 }

Components/Inputs/SearchButtonComponent.razor

@@ -26,30 +26,28 @@
         border-radius: 8px;
         font-weight: 800;
         width: 350px;
-        
+
         padding: 5px;
         display: flex;
         flex-direction: row;
-        justify-content:  space-between;
+        justify-content: space-between;
         align-items: center;
-        
+
     }
-    
+
     .searchHotkey {
         padding: 4px;
-        background-color: rgba(255,255,255,0.05);
-        border: 2px solid rgba(255,255,255,0.25);
+        background-color: rgba(255, 255, 255, 0.05);
+        border: 2px solid rgba(255, 255, 255, 0.25);
         border-radius: 4px;
     }
 </style>
 
 @code {
 
-    [Parameter]
-    public RenderFragment ChildContent { get; set; } = default!;
+    [Parameter] public RenderFragment ChildContent { get; set; } = default!;
 
-    [Parameter]
-    public string Id { get; set; } = default!;
+    [Parameter] public string Id { get; set; } = default!;
 
     private string _userAgent = "";
 

Components/Inputs/SearchIconButtonComponent.razor

@@ -16,24 +16,22 @@
         padding: 5px;
         display: flex;
         flex-direction: row;
-        justify-content:  space-between;
+        justify-content: space-between;
         align-items: center;
     }
-    
+
     .searchIcon {
-        font-size: 28px; 
-        text-align: center; 
+        font-size: 28px;
+        text-align: center;
         margin: auto;
     }
 </style>
 
 @code {
 
-    [Parameter]
-    public RenderFragment ChildContent { get; set; } = default!;
+    [Parameter] public RenderFragment ChildContent { get; set; } = default!;
 
-    [Parameter]
-    public string Id { get; set; } = default!;
+    [Parameter] public string Id { get; set; } = default!;
 
     private void ButtonClicked(EventArgs eventArgs)
     {