Skip to content

Commit d0d61c5

Browse files
lopezilopezi
committed
Merge branch 'feature/first-wallet' into feature/milestone-01
* feature/first-wallet: /start add social refs add social refs create wallet interfaces v1 multiple design and user experience tasks add arconnect component to first wallet page create new aoww wallet ui create aoww wallet style add component structure improved design first wallet animation new style approach setup page structure
2 parents 8c7cd9a + c4cd51e commit d0d61c5

16 files changed

+928
-50
lines changed

‎src/aoWebWallet/Layout/MainLayout.razor

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212
<MudAppBar Elevation="1">
1313
<MudLink Href="">
1414
<MudImage title="aoWebWallet" Src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMzExLjU4IDI0MC45MiI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+CiAgICA8Zz4KICAgICAgPHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjAgMjQwLjQ1IDgwLjIgMjQwLjQ1IDk2LjU3IDE5Ni4xOSA1OS43NCAxMjAuNzkgMCAyNDAuNDUiLz4KICAgICAgPHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjEyMy41NyAxLjEyIDk2LjU3IDYyLjYgMTgwLjg2IDI0MC40NSAyNDEuNTggMjQwLjQ1IDIxMi43NyAxODAuNjIgMTIzLjU3IDEuMTIiLz4KICAgICAgPHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9Ijc4NS4wMSA0Ni44NSA4MjEuODQgMTIyLjI2IDg4MS41OCAyLjU5IDgwMS4zOCAyLjU5IDc4NS4wMSA0Ni44NSIvPgogICAgICA8cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iNDcyIDEuMTIgNTAwLjggNjAuOTYgNTkwIDI0MC40NSA2MTcuMDEgMTc4Ljk4IDUzMi43MiAxLjEyIDQ3MiAxLjEyIi8+CiAgICAgIDxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSI3MTMuMzQgMS41OSA3MTMuNTggMS4xMiA2MzMuMzggMS4xMiA2MTcuMDEgNDUuMzggNjUzLjg0IDEyMC43OSA2ODIuNjQgNjMuMSA3NzEgMjQwLjkyIDc5OC4wMSAxNzkuNDUgNzEzLjcyIDEuNTkgNzEzLjM0IDEuNTkiLz4KICAgICAgPHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjEyMzEuMzggMi41OSAxMjE1LjAxIDQ2Ljg1IDEyNTEuODQgMTIyLjI2IDEzMTEuNTggMi41OSAxMjMxLjM4IDIuNTkiLz4KICAgICAgPHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjkwMiAxLjEyIDkzMC44IDYwLjk2IDEwMjAgMjQwLjQ1IDEwNDcuMDEgMTc4Ljk4IDk2Mi43MiAxLjEyIDkwMiAxLjEyIi8+CiAgICAgIDxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSIxMTQzLjM0IDEuNTkgMTE0My41OCAxLjEyIDEwNjMuMzggMS4xMiAxMDQ3LjAxIDQ1LjM4IDEwODMuODQgMTIwLjc5IDExMTIuNjQgNjMuMSAxMjAxIDI0MC45MiAxMjI4LjAxIDE3OS40NSAxMTQzLjcyIDEuNTkgMTE0My4zNCAxLjU5Ii8+CiAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTM2MS44LDBjLTY2LjQsMC0xMjAuMjMsNTMuODMtMTIwLjIzLDEyMC4yM3M1My44MywxMjAuMjMsMTIwLjIzLDEyMC4yMywxMjAuMjMtNTMuODMsMTIwLjIzLTEyMC4yM1M0MjguMiwwLDM2MS44LDBabTAsMTkzLjI2Yy00MC4zNCwwLTczLjAzLTMyLjctNzMuMDMtNzMuMDNzMzIuNy03My4wMyw3My4wMy03My4wMyw3My4wMywzMi43LDczLjAzLDczLjAzLTMyLjcsNzMuMDMtNzMuMDMsNzMuMDNaIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4="
15-
Width="88" Class="pt-2" Alt="AOWW"/>
15+
Width="100" Class="pt-2" Alt="AOWW"/>
1616
</MudLink>
1717
<MudSpacer />
1818
<MudIconButton title="menu" Icon="@Icons.Material.Filled.Workspaces" Color="MudBlazor.Color.Inherit" Edge="Edge.Start" OnClick="@((e) => DrawerToggle())" />
@@ -27,20 +27,22 @@
2727
<MudMainContent>
2828
@Body
2929
</MudMainContent>
30-
<div Class="mt-auto">
30+
<div Class="mt-auto mb-4">
3131
<!-- Footer content -->
32-
<MudDivider DividerType="DividerType.FullWidth" Class="mt-6 mb-2"/>
33-
<MudLink Href="https://twitter.com/aoWebWallet" target="_blank" Class="d-flex justify-center mb-2">
34-
<svg fill="#949498" width="25px" viewBox="0 0 24 24" aria-hidden="true"><g><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></g></svg>
35-
</MudLink>
32+
<div style="display:flex; flex-direction: column; justify-content:center; padding:3px 0 10px 0; margin-top:20px; align-items: center; width:100%">
33+
<MudDivider DividerType="DividerType.FullWidth" Class="mb-8" />
34+
<MudImage style="opacity: 0.55" Src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMzExLjU4IDI0MC45MiI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+CiAgICA8Zz4KICAgICAgPHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjAgMjQwLjQ1IDgwLjIgMjQwLjQ1IDk2LjU3IDE5Ni4xOSA1OS43NCAxMjAuNzkgMCAyNDAuNDUiLz4KICAgICAgPHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjEyMy41NyAxLjEyIDk2LjU3IDYyLjYgMTgwLjg2IDI0MC40NSAyNDEuNTggMjQwLjQ1IDIxMi43NyAxODAuNjIgMTIzLjU3IDEuMTIiLz4KICAgICAgPHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9Ijc4NS4wMSA0Ni44NSA4MjEuODQgMTIyLjI2IDg4MS41OCAyLjU5IDgwMS4zOCAyLjU5IDc4NS4wMSA0Ni44NSIvPgogICAgICA8cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iNDcyIDEuMTIgNTAwLjggNjAuOTYgNTkwIDI0MC40NSA2MTcuMDEgMTc4Ljk4IDUzMi43MiAxLjEyIDQ3MiAxLjEyIi8+CiAgICAgIDxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSI3MTMuMzQgMS41OSA3MTMuNTggMS4xMiA2MzMuMzggMS4xMiA2MTcuMDEgNDUuMzggNjUzLjg0IDEyMC43OSA2ODIuNjQgNjMuMSA3NzEgMjQwLjkyIDc5OC4wMSAxNzkuNDUgNzEzLjcyIDEuNTkgNzEzLjM0IDEuNTkiLz4KICAgICAgPHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjEyMzEuMzggMi41OSAxMjE1LjAxIDQ2Ljg1IDEyNTEuODQgMTIyLjI2IDEzMTEuNTggMi41OSAxMjMxLjM4IDIuNTkiLz4KICAgICAgPHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjkwMiAxLjEyIDkzMC44IDYwLjk2IDEwMjAgMjQwLjQ1IDEwNDcuMDEgMTc4Ljk4IDk2Mi43MiAxLjEyIDkwMiAxLjEyIi8+CiAgICAgIDxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSIxMTQzLjM0IDEuNTkgMTE0My41OCAxLjEyIDEwNjMuMzggMS4xMiAxMDQ3LjAxIDQ1LjM4IDEwODMuODQgMTIwLjc5IDExMTIuNjQgNjMuMSAxMjAxIDI0MC45MiAxMjI4LjAxIDE3OS40NSAxMTQzLjcyIDEuNTkgMTE0My4zNCAxLjU5Ii8+CiAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTM2MS44LDBjLTY2LjQsMC0xMjAuMjMsNTMuODMtMTIwLjIzLDEyMC4yM3M1My44MywxMjAuMjMsMTIwLjIzLDEyMC4yMywxMjAuMjMtNTMuODMsMTIwLjIzLTEyMC4yM1M0MjguMiwwLDM2MS44LDBabTAsMTkzLjI2Yy00MC4zNCwwLTczLjAzLTMyLjctNzMuMDMtNzMuMDNzMzIuNy03My4wMyw3My4wMy03My4wMyw3My4wMywzMi43LDczLjAzLDczLjAzLTMyLjcsNzMuMDMtNzMuMDMsNzMuMDNaIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4="
35+
Width="66" Class="pt-0" Alt="AOWW Logotype" />
36+
</div>
3637
<MudText Typo="Typo.caption" Class="d-flex justify-center KodeMono">
3738
Version: @Program.GetVersionWithoutHash()
3839
@if (!string.IsNullOrEmpty(versionHash))
3940
{
4041
<text>-</text><a href="https://github.com/michielpost/aoWebWallet/tree/@versionHash" target="_blank">@versionHash</a>
4142
}
4243
</MudText>
43-
<MudText Typo="Typo.caption" Class="d-flex justify-center mb-2 KodeMono">zsXSvJtHVSK4QyPch4Uf0JMiZi9uEhgVvyz6qeEJcfY</MudText>
44+
45+
4446
</div>
4547
</MudLayout>
4648

‎src/aoWebWallet/Pages/About.razor

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -47,10 +47,9 @@
4747
</MudPaper>
4848
</MudItem>
4949
<MudItem xs="12" md="6">
50-
<MudPaper Elevation="2" Class="pa-4 d-flex justify-center">
51-
<a href="https://twitter.com/aoWebWallet" target="_blank">
52-
<svg fill="#949498" width="40px" viewBox="0 0 24 24" aria-hidden="true"><g><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></g></svg>
53-
</a>
50+
<MudPaper Elevation="2" Class="pa-4 d-flex flex-column">
51+
<MudText Typo="Typo.caption" Class="mb-2 ">Contribute to developers address<br/> </MudText>
52+
<MudText Typo="Typo.caption" Class="d-flex mb-2 KodeMono">zsXSvJtHVSK4QyPch4Uf0JMiZi9uEhgVvyz6qeEJcfY</MudText>
5453
</MudPaper>
5554
</MudItem>
5655
</MudStack>

‎src/aoWebWallet/Pages/Start.razor

Lines changed: 46 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
@page "/start"
2+
@inherits MvvmComponentBase<MainViewModel>
3+
@using aoWebWallet.Models
4+
@using aoWebWallet.Shared
5+
6+
<PageTitle>Start - @Program.PageTitlePostFix</PageTitle>
7+
8+
<MudContainer Class="mt-16 px-8" MaxWidth="MaxWidth.ExtraExtraLarge">
9+
<MudGrid>
10+
<MudItem xs="12" md="6">
11+
<MudPaper Elevation="2" Class="pa-4 border-radius-25 first-wallet">
12+
<div Style="width:100%; display:flex; flex-direction:row; justify-content:center;">
13+
<div Class="background-x">
14+
<MudImage Src="images/ths.svg" Alt="hello" Elevation="25" Class="ww-image-start"/>
15+
</div>
16+
</div>
17+
<AddGenerateWalletComponent></AddGenerateWalletComponent>
18+
</MudPaper>
19+
</MudItem>
20+
<MudItem xs="12" md="6">
21+
<MudPaper Elevation="2" Class="pa-4 border-radius-25 first-wallet">
22+
<div Style="width:100%; display:flex; flex-direction:row; justify-content:center;">
23+
<div Class="background-x">
24+
<MudImage Src="images/arconnect-logo.svg" Alt="hello" Elevation="25" Class="ww-image-start ar-logo-setup"/>
25+
</div>
26+
</div>
27+
<AddArConnectComponent></AddArConnectComponent>
28+
</MudPaper>
29+
</MudItem>
30+
<MudItem xs="12" md="6">
31+
<MudPaper Elevation="2" Class="pa-4 border-radius-25 first-wallet-upload">
32+
<div Style="width:100%; display:flex; flex-direction:row; justify-content:center;">
33+
<div Class="background-x">
34+
<MudImage Src="images/json-logo.svg" Alt="hello" Elevation="25" Class="ww-image-start ar-logo-setup"/>
35+
</div>
36+
</div>
37+
<AddUploadWalletComponent></AddUploadWalletComponent>
38+
</MudPaper>
39+
</MudItem>
40+
</MudGrid>
41+
</MudContainer>
42+
43+
@code {
44+
45+
46+
}

‎src/aoWebWallet/Pages/Wallets.razor

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -41,7 +41,7 @@
4141
{
4242
string logoUrl = $"images/account--{logoCount}.svg";
4343
string detailUrl = $"wallet/{wallet.Address}";
44-
<MudPaper Class="pa-4">
44+
<MudPaper Class="pa-4 wallet-list">
4545
<MudStack Row="true">
4646
<MudAvatar Image="@logoUrl" Size="Size.Large" Class="rounded-full" />
4747

‎src/aoWebWallet/Shared/AddArConnectComponent.razor

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,10 +3,8 @@
33
@inject ISnackbar Snackbar
44
@inject ArweaveService ArweaveService
55

6-
<MudPaper Class="pa-8 mb-4">
6+
<MudPaper Class="pa-8 mb-4 trigger-transparency">
77
<MudStack Spacing="2">
8-
<MudText Typo="Typo.button">Connect Wallet</MudText>
9-
<MudDivider />
108
<MudStack>
119

1210
@if (!BindingContext.HasArConnectExtension.HasValue)

‎src/aoWebWallet/Shared/AddGenerateWalletComponent.razor

Lines changed: 13 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,19 +3,27 @@
33
@inject ArweaveService ArweaveService
44
@inject ISnackbar Snackbar
55

6-
<MudPaper Class="pa-8">
6+
<MudPaper Class="pa-8 trigger-transparency">
77
<MudStack Spacing="2">
8-
<MudTextField @bind-Value="Name" Label="Wallet Name" Variant="Variant.Text"></MudTextField>
9-
<MudText Color="Color.Secondary">@Progress</MudText>
10-
<div Class="d-w-100 d-flex justify-end mt-2">
11-
<MudButton Color="Color.Primary" Variant="Variant.Filled" OnClick="Submit">
8+
9+
<MudFocusTrap Disabled="@Disabled" DefaultFocus="@DefaultFocus">
10+
<MudTextField @bind-Value="Name" Label="Wallet Name" Variant="Variant.Text"></MudTextField>
11+
</MudFocusTrap>
12+
13+
<MudText DefaultFocus="DefaultFocus" Color="Color.Secondary">@Progress</MudText>
14+
<div Class="d-w-100 d-flex justify-center mt-2">
15+
<MudButton Class="text-transform-none" Color="Color.Primary" Variant="Variant.Filled" OnClick="Submit">
1216
Create AOWW Wallet
1317
</MudButton>
1418
</div>
1519
</MudStack>
1620
</MudPaper>
1721

1822
@code {
23+
24+
bool Disabled { get; set; } = false;
25+
DefaultFocus DefaultFocus { get; set; } = DefaultFocus.FirstChild;
26+
1927
[Parameter]
2028
public bool HideAddButton { get; set; }
2129

‎src/aoWebWallet/Shared/AddUploadWalletComponent.razor

Lines changed: 12 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
@inject ArweaveService ArweaveService
44
@inject ISnackbar Snackbar
55

6-
<MudPaper Class="pa-8">
6+
<MudPaper Class="pa-8 trigger-transparency">
77
<MudStack Spacing="2">
88
@* <MudText Class="d-flex justify-center" Typo="Typo.button">Load .json wallet</MudText>
99
<MudDivider /> *@
@@ -12,34 +12,35 @@
1212
Accept=".json"
1313
OnFilesChanged="OnInputFileChanged"
1414
Hidden="@false"
15-
InputClass="absolute mud-width-full mud-height-full overflow-hidden z-20"
15+
InputClass="absolute mud-width-full mud-height-full overflow-hidden z-20 trigger-transparency cursor-pointer"
1616
InputStyle="opacity:0"
1717
@ondragenter="@SetDragClass"
1818
@ondragleave="@ClearDragClass"
1919
@ondragend="@ClearDragClass">
2020
<ButtonTemplate>
21-
<MudPaper Height="300px"
21+
<MudPaper Height="150px"
2222
Outlined="true"
2323
Class="@_dragClass">
2424
<MudText Typo="Typo.h6">
2525
Drag and drop wallet file or click here.
2626
</MudText>
2727
<MudText Typo="Typo.subtitle1">
28-
Your files won't be uploaded and are only read by the local app.
28+
Your .JSON files won't be uploaded and are only read by the local app.
2929
</MudText>
3030
@foreach (var file in _fileNames)
3131
{
3232
<MudChip Color="Color.Dark" Text="@file.Name" />
3333
}
3434
</MudPaper>
3535
<MudToolBar DisableGutters="true"
36-
Class="relative d-flex justify-end gap-4 z-30">
37-
<MudButton HtmlTag="label"
38-
Color="Color.Primary"
39-
for="@context.Id"
40-
Variant="Variant.Filled">
41-
Open file picker
42-
</MudButton>
36+
Class="relative d-flex justify-center gap-4 z-30">
37+
<MudButton HtmlTag="label"
38+
Class="text-transform-none"
39+
Color="Color.Primary"
40+
for="@context.Id"
41+
Variant="Variant.Filled">
42+
Load .json wallet
43+
</MudButton>
4344
@* <MudButton OnClick="@AddWallets"
4445
Color="Color.Primary"
4546
Disabled="@(!_fileNames.Any())"

‎src/aoWebWallet/Shared/NavMenu.razor

Lines changed: 27 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -32,30 +32,47 @@
3232

3333
<MudNavLink Href="token-explorer" Match="NavLinkMatch.Prefix" Class="aoww-main-nav-text" Icon="@Icons.Material.Filled.Explore">Token Explorer</MudNavLink>
3434

35-
<div style="margin-top: auto; display:flex; flex-direction: row;">
35+
<div style="margin-top: auto; display:flex; flex-direction: row; margin-bottom:20px">
3636
<div style="border-right: 1px solid gray;">
3737
<MudNavLink Href="settings" Match="NavLinkMatch.Prefix" Icon="@Icons.Material.Filled.Settings">Settings</MudNavLink>
3838
<MudNavLink style="margin-bottom:5px;" Href="about" Match="NavLinkMatch.Prefix" Icon="@Icons.Material.Filled.Info">About</MudNavLink>
3939
</div>
40-
<div style="display: flex; flex-direction: row; justify-content: center; align-items: center; margin-left:10px; padding:5px;">
41-
@if (BindingContext.UserSettings?.IsDarkMode ?? true)
40+
<div style="display: flex; flex-direction: column; justify-content: center; align-items: center; margin-left:4px; padding:5px;">
41+
@* @if (BindingContext.UserSettings?.IsDarkMode ?? true)
4242
{
4343
<MudIcon Icon="@icons[1]" Color="Color.Primary" />
4444
}
4545
else
4646
{
4747
<MudIcon Icon="@icons[0]" Color="Color.Primary" />
4848
}
49-
<MudButton Variant="Variant.Filled" OnClick="ToggleTheme" DisableElevation="true" Size="Size.Small">Theme</MudButton>
49+
<MudButton Variant="Variant.Filled" OnClick="ToggleTheme" DisableElevation="true" Size="Size.Small">Theme</MudButton> *@
50+
51+
<MudLink Href="https://twitter.com/aoWebWallet">
52+
<MudChip Class="cursor-pointer">
53+
<AvatarContent >
54+
<MudAvatar Class="custom-avatar-size">
55+
<MudImage Class="twitter-image" Src="images/twitter.svg"></MudImage>
56+
</MudAvatar>
57+
</AvatarContent>
58+
<ChildContent>Twitter</ChildContent>
59+
</MudChip>
60+
</MudLink>
61+
62+
<MudLink Href="https://discord.gg/bahdqzpNYW">
63+
<MudChip Class="cursor-pointer">
64+
<AvatarContent >
65+
<MudAvatar Class="custom-avatar-size">
66+
<MudImage Class="discord-image" Src="images/discord.svg"></MudImage>
67+
</MudAvatar>
68+
</AvatarContent>
69+
<ChildContent>Discord</ChildContent>
70+
</MudChip>
71+
</MudLink>
5072
</div>
5173

5274
</div>
53-
<div style="display:flex; flex-direction: column; justify-content:center; padding:3px 0 11px 0; margin-top:8px; align-items: center; width:100%">
54-
<MudDivider DividerType="DividerType.FullWidth" Class="mb-8" />
55-
<MudImage style="opacity: 0.55" Src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMiIgZGF0YS1uYW1lPSJMYXllciAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMzExLjU4IDI0MC45MiI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogI2ZmZjsKICAgICAgICBmaWxsLXJ1bGU6IGV2ZW5vZGQ7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxnIGlkPSJMYXllcl8xLTIiIGRhdGEtbmFtZT0iTGF5ZXIgMSI+CiAgICA8Zz4KICAgICAgPHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjAgMjQwLjQ1IDgwLjIgMjQwLjQ1IDk2LjU3IDE5Ni4xOSA1OS43NCAxMjAuNzkgMCAyNDAuNDUiLz4KICAgICAgPHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjEyMy41NyAxLjEyIDk2LjU3IDYyLjYgMTgwLjg2IDI0MC40NSAyNDEuNTggMjQwLjQ1IDIxMi43NyAxODAuNjIgMTIzLjU3IDEuMTIiLz4KICAgICAgPHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9Ijc4NS4wMSA0Ni44NSA4MjEuODQgMTIyLjI2IDg4MS41OCAyLjU5IDgwMS4zOCAyLjU5IDc4NS4wMSA0Ni44NSIvPgogICAgICA8cG9seWdvbiBjbGFzcz0iY2xzLTEiIHBvaW50cz0iNDcyIDEuMTIgNTAwLjggNjAuOTYgNTkwIDI0MC40NSA2MTcuMDEgMTc4Ljk4IDUzMi43MiAxLjEyIDQ3MiAxLjEyIi8+CiAgICAgIDxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSI3MTMuMzQgMS41OSA3MTMuNTggMS4xMiA2MzMuMzggMS4xMiA2MTcuMDEgNDUuMzggNjUzLjg0IDEyMC43OSA2ODIuNjQgNjMuMSA3NzEgMjQwLjkyIDc5OC4wMSAxNzkuNDUgNzEzLjcyIDEuNTkgNzEzLjM0IDEuNTkiLz4KICAgICAgPHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjEyMzEuMzggMi41OSAxMjE1LjAxIDQ2Ljg1IDEyNTEuODQgMTIyLjI2IDEzMTEuNTggMi41OSAxMjMxLjM4IDIuNTkiLz4KICAgICAgPHBvbHlnb24gY2xhc3M9ImNscy0xIiBwb2ludHM9IjkwMiAxLjEyIDkzMC44IDYwLjk2IDEwMjAgMjQwLjQ1IDEwNDcuMDEgMTc4Ljk4IDk2Mi43MiAxLjEyIDkwMiAxLjEyIi8+CiAgICAgIDxwb2x5Z29uIGNsYXNzPSJjbHMtMSIgcG9pbnRzPSIxMTQzLjM0IDEuNTkgMTE0My41OCAxLjEyIDEwNjMuMzggMS4xMiAxMDQ3LjAxIDQ1LjM4IDEwODMuODQgMTIwLjc5IDExMTIuNjQgNjMuMSAxMjAxIDI0MC45MiAxMjI4LjAxIDE3OS40NSAxMTQzLjcyIDEuNTkgMTE0My4zNCAxLjU5Ii8+CiAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTM2MS44LDBjLTY2LjQsMC0xMjAuMjMsNTMuODMtMTIwLjIzLDEyMC4yM3M1My44MywxMjAuMjMsMTIwLjIzLDEyMC4yMywxMjAuMjMtNTMuODMsMTIwLjIzLTEyMC4yM1M0MjguMiwwLDM2MS44LDBabTAsMTkzLjI2Yy00MC4zNCwwLTczLjAzLTMyLjctNzMuMDMtNzMuMDNzMzIuNy03My4wMyw3My4wMy03My4wMyw3My4wMywzMi43LDczLjAzLDczLjAzLTMyLjcsNzMuMDMtNzMuMDMsNzMuMDNaIi8+CiAgICA8L2c+CiAgPC9nPgo8L3N2Zz4="
56-
Width="66" Class="pt-2" Alt="AOWW Logotype" />
57-
<MudText Typo="Typo.caption">Copyright @DateTimeOffset.UtcNow.Year</MudText>
58-
</div>
75+
5976
</MudNavMenu>
6077

6178
@code {

0 commit comments

Comments
 (0)