@ -13,6 +13,21 @@
<h3>List of Items</h3>
@*SearchBar*@
<p>
<b>CurrentCulture</b>: @CultureInfo.CurrentCulture
</p>
</div>
<div id="ItemList" class="align-end">
<div>
List of items
<DataGrid TItem="Item"
@ -38,3 +53,4 @@
</DataGridColumn>
</DataGrid>
@ -1,6 +1,21 @@
.inventory-items {
.body {
display: flex;
}
.inventory-items {
grid-template-columns: repeat(6,minmax(0,1fr));
gap: 10px;
display: grid;
width: 40%;
.align-start {
align-items: flex-start;
justify-content: start
.align-end {
align-content: flex-end;
justify-content: end;
width: 400px;