|
8 | 8 | <div class="container-fluid">
|
9 | 9 | @if (!string.IsNullOrEmpty(Configuration.Value.BlogBrandUrl))
|
10 | 10 | {
|
11 |
| - <a class="nav-brand ms-5" href="/"> |
12 |
| - <img style="max-height: 70px; width: 70px; height: 70px;" |
13 |
| - src="@Configuration.Value.BlogBrandUrl.ToAbsoluteUrl(NavigationManager.BaseUri)" |
14 |
| - alt="brand" /> |
| 11 | + <a class="navbar-brand ms-5" href="/"> |
| 12 | + <img src="@Configuration.Value.BlogBrandUrl.ToAbsoluteUrl(NavigationManager.BaseUri)" |
| 13 | + alt="brand" |
| 14 | + class="img-fluid" |
| 15 | + style="max-height: 70px; width: 70px; height: 70px;" /> |
15 | 16 | </a>
|
16 | 17 | }
|
17 | 18 | else
|
18 | 19 | {
|
19 |
| - <a class="nav-brand barcode ms-5" href="/">@Configuration.Value.BlogName</a> |
| 20 | + <a class="navbar-brand ms-5 text-decoration-none fw-normal fs-1" href="/"> |
| 21 | + @Configuration.Value.BlogName |
| 22 | + </a> |
20 | 23 | }
|
21 |
| - <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> |
| 24 | + <button class="navbar-toggler" type="button" data-bs-toggle="collapse" |
| 25 | + data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" |
| 26 | + aria-expanded="false" aria-label="Toggle navigation"> |
22 | 27 | <span class="navbar-toggler-icon"></span>
|
23 | 28 | </button>
|
24 | 29 | <div class="collapse navbar-collapse" id="navbarSupportedContent">
|
25 | 30 | <ul class="navbar-nav ms-auto mb-2 mb-lg-0 me-5">
|
26 |
| - <li><a class="nav-link" href="/"><i class="home"></i> Home</a></li> |
27 |
| - <li><a class="nav-link" href="/archive"><i class="books"></i> Archive</a></li> |
28 |
| - <li><a class="nav-link" href="/bookmarks"><i class="bookmark"></i> Bookmarks</a> |
29 |
| - </li> |
30 |
| - @if (Configuration.Value.IsAboutMeEnabled) |
| 31 | + <li class="nav-item px-2"> |
| 32 | + <a class="nav-link" href="/"><i class="home"></i> Home</a> |
| 33 | + </li> |
| 34 | + <li class="nav-item px-2"> |
| 35 | + <a class="nav-link" href="/archive"><i class="books"></i> Archive</a> |
| 36 | + </li> |
| 37 | + <li class="nav-item px-2"> |
| 38 | + <a class="nav-link" href="/bookmarks"><i class="bookmark"></i> Bookmarks</a> |
| 39 | + </li> |
| 40 | + @if (Configuration.Value.IsAboutMeEnabled) |
31 | 41 | {
|
32 |
| - <li class="nav-item"> |
33 |
| - <a class="nav-link" href="AboutMe"> |
34 |
| - <i class="profile"></i> About me |
35 |
| - </a> |
| 42 | + <li class="nav-item px-2"> |
| 43 | + <a class="nav-link" href="AboutMe"><i class="profile"></i> About me</a> |
36 | 44 | </li>
|
37 | 45 | }
|
38 |
| - |
39 | 46 | @if (SupportConfiguration.Value.ShowSupportMePage)
|
40 | 47 | {
|
41 |
| - <li class="nav-item"> |
42 |
| - <a class="nav-link" href="SupportMe"> |
43 |
| - <i class="coin-dollar"></i> Support me |
44 |
| - </a> |
| 48 | + <li class="nav-item px-2"> |
| 49 | + <a class="nav-link" href="SupportMe"><i class="coin-dollar"></i> Support me</a> |
45 | 50 | </li>
|
46 | 51 | }
|
47 |
| - |
48 |
| - <li class="nav-item dropdown"> |
49 |
| - <a class="nav-link dropdown-toggle" href="#" id="rssDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false" aria-label="RSS Selector"> |
| 52 | + <li class="nav-item dropdown px-2"> |
| 53 | + <a class="nav-link dropdown-toggle" href="#" id="rssDropdown" role="button" |
| 54 | + data-bs-toggle="dropdown" aria-expanded="false" aria-label="RSS Selector"> |
50 | 55 | <i class="rss2"></i> RSS
|
51 | 56 | </a>
|
52 | 57 | <ul class="dropdown-menu" aria-labelledby="rssDropdown">
|
53 |
| - <li><a class="dropdown-item" href="/feed.rss" aria-label="RSS with All Posts">All Posts (Summary)</a></li> |
54 |
| - <li><a class="dropdown-item" href="/feed.rss?withContent=true" aria-label="RSS with Full Content">Most Recent Posts (Full Content)</a></li> |
| 58 | + <li> |
| 59 | + <a class="dropdown-item" href="/feed.rss" aria-label="RSS with All Posts"> |
| 60 | + All Posts (Summary) |
| 61 | + </a> |
| 62 | + </li> |
| 63 | + <li> |
| 64 | + <a class="dropdown-item" href="/feed.rss?withContent=true" aria-label="RSS with Full Content"> |
| 65 | + Most Recent Posts (Full Content) |
| 66 | + </a> |
| 67 | + </li> |
55 | 68 | </ul>
|
56 | 69 | </li>
|
57 |
| - |
58 | 70 | <AccessControl CurrentUri="@currentUri"></AccessControl>
|
59 |
| - <li class="nav-item d-flex align-items-center"><ThemeToggler Class="nav-link"></ThemeToggler></li> |
60 |
| - <li class="d-flex"> |
| 71 | + <li class="nav-item d-flex align-items-center px-2"> |
| 72 | + <ThemeToggler Class="nav-link"></ThemeToggler> |
| 73 | + </li> |
| 74 | + <li class="nav-item d-flex align-items-center px-2"> |
61 | 75 | <SearchInput SearchEntered="NavigateToSearchPage"></SearchInput>
|
62 | 76 | </li>
|
63 | 77 | </ul>
|
64 | 78 | </div>
|
65 | 79 | </div>
|
66 | 80 | </nav>
|
| 81 | + |
67 | 82 | @code {
|
68 | 83 | private string currentUri = string.Empty;
|
69 | 84 |
|
|
0 commit comments