mirror of
https://github.com/LBPUnion/ProjectLighthouse.git
synced 2025-08-05 11:28:39 +00:00
Improve mobile support
This commit is contained in:
parent
2cdd094e00
commit
cb2f5cf1fc
2 changed files with 23 additions and 5 deletions
|
@ -63,6 +63,8 @@
|
|||
<meta content="@Model.Description" property="og:description">
|
||||
}
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
|
||||
@* Google Analytics *@
|
||||
@if (ServerSettings.Instance.GoogleAnalyticsEnabled)
|
||||
{
|
||||
|
@ -93,14 +95,21 @@
|
|||
<header class="lighthouse-header">
|
||||
<div class="ui attached menu">
|
||||
<div class="ui container">
|
||||
@{
|
||||
string mobileIconStyle = Model.IsMobile ? "margin-right: 0;" : "";
|
||||
}
|
||||
@foreach (PageNavigationItem navigationItem in Model!.NavigationItems)
|
||||
{
|
||||
<a class="item" href="@navigationItem.Url">
|
||||
@if (navigationItem.Icon != null)
|
||||
{
|
||||
<i class="@navigationItem.Icon icon"></i>
|
||||
<i class="@navigationItem.Icon icon" style="@mobileIconStyle"></i>
|
||||
}
|
||||
|
||||
@if (!Model.IsMobile)
|
||||
{
|
||||
@navigationItem.Name
|
||||
}
|
||||
@navigationItem.Name
|
||||
</a>
|
||||
}
|
||||
<div class="right menu">
|
||||
|
@ -109,9 +118,13 @@
|
|||
<a class="item" href="@navigationItem.Url">
|
||||
@if (navigationItem.Icon != null)
|
||||
{
|
||||
<i class="@navigationItem.Icon icon"></i>
|
||||
<i class="@navigationItem.Icon icon" style="@mobileIconStyle"></i>
|
||||
}
|
||||
|
||||
@if (!Model.IsMobile)
|
||||
{
|
||||
@navigationItem.Name
|
||||
}
|
||||
@navigationItem.Name
|
||||
</a>
|
||||
}
|
||||
</div>
|
||||
|
@ -163,10 +176,12 @@
|
|||
<b>Show/Hide Debug Info</b>
|
||||
</button>
|
||||
|
||||
<div style="display:none">
|
||||
<div style="display:none" id="lighthouse-debug-info">
|
||||
<br>
|
||||
<p>Model.IsMobile: @Model.IsMobile</p>
|
||||
<p>Model.Title: @Model.Title</p>
|
||||
<p>Model.Description: @Model.Description</p>
|
||||
<p>Model.User.UserId: @(Model.User?.UserId.ToString() ?? "(not logged in)")</p>
|
||||
<p>Render time: ~@(TimestampHelper.TimestampMillis - timeStarted)ms</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -16,3 +16,6 @@ div.statsUnderTitle > span {
|
|||
margin-right: 5px;
|
||||
}
|
||||
|
||||
#lighthouse-debug-info > p {
|
||||
margin-bottom: 1px;
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue