61 lines
987 B
Markdown
61 lines
987 B
Markdown
---
|
|
tags:
|
|
- upnote-import
|
|
---
|
|
|
|
# Blazor
|
|
|
|
## Alignments:
|
|
|
|
[MudBlazor - Blazor Component Library](https://mudblazor.com/utilities/align-items#basic-usage-center)
|
|
|
|
horizontal ausrichten = justify
|
|
|
|
```
|
|
<MudGrid Class="d-flex justify-center">
|
|
<MudItem>
|
|
content
|
|
</MudItem>
|
|
</MudGrid>
|
|
```
|
|
|
|
vertikal ausrichten = align
|
|
|
|
```
|
|
<MudGrid Class="d-flex align-center">
|
|
<MudItem>
|
|
@Body
|
|
</MudItem>
|
|
</MudGrid>
|
|
```
|
|
|
|
## Spacing
|
|
|
|
[MudBlazor - Blazor Component Library](https://mudblazor.com/utilities/spacing#how-it-works)
|
|
|
|
m = marign, p = padding
|
|
|
|
t = top, b= bottom, l = left, r = right
|
|
|
|
x = left and right
|
|
|
|
y = top and bottom
|
|
|
|
a = all 4 sides
|
|
|
|
0 - 20
|
|
|
|
oder n0-n20 für negative werte
|
|
|
|
```
|
|
<MudPaper Class="pa-4 mr-16">
|
|
<MudText Typo="Typo.subtitle2">pa-4 mr-16</MudText>
|
|
</MudPaper>
|
|
<MudPaper Class="pa-4">
|
|
<MudText Typo="Typo.subtitle2">pa-4</MudText>
|
|
</MudPaper>
|
|
<MudPaper Class="pa-4 ml-8">
|
|
<MudText Typo="Typo.subtitle2">pa-4 ml-8</MudText>
|
|
</MudPaper>
|
|
```
|