IGP-Fan-Reference/IGP/Pages/Database/Entity/Parts/EntityInfoComponent.razor

<EntityDisplayComponent Title="Info">
    @if (Entity.Info().Description != "") {
        <div>
            <b>Description:</b> @((MarkupString)Entity.Info().Description)
        </div>
    }

    @if (Entity.Info().Notes != "") {
            <div>
                <b>Notes:</b> @((MarkupString)Entity.Info().Notes)
            </div>
    }

    
    <div class="infoDisplayContainer">
        <div>
            @if (Entity.Faction() != null) {
                <div>
                    <b>Faction:</b> @Entity.Faction().Faction
                </div>
            }
            @if (Entity.Tier() != null) {
                <div>
                    <b>Tier:</b> @Entity.Tier().Tier
                </div>
            }
        </div>

        @if (Entity.Hotkey() != null) {
            <div>
                <div>
                    <b>Hotkey Group:</b> @Entity.Hotkey().HotkeyGroup
                </div>
                <div>
                    <b>Hotkey:</b> @Entity.Hotkey().Hotkey
                </div>
                <div>
                    <b>Hold Space:</b> @(Entity.Hotkey().HoldSpace ? "Yes" : "No")
                </div>
            </div>
        }
    </div>
</EntityDisplayComponent>

<style>
    .infoDisplayContainer {
        display: flex;
        gap: 32px;
    }

    @@media only screen and (max-width: 1025px) {
        .infoDisplayContainer {
            flex-direction: column;
            gap: 4px;
        }
    }
</style>

@code {

    [CascadingParameter]
    public EntityModel? Entity { get; set; }

}