mirrors/thebadspace
1
0
Fork 0
mirror of https://koodu.h-i.works/projects/thebadspace synced 2025-06-25 16:04:37 -05:00
Code Packages Releases Activity

Added mobile first menu and started responsive

Browse Source 
Swithced the main nav to a mobile layout to cut down on complex
responsive styling to make the heaader work.

Also began touching up site wide responsive styles so the site works on
multiple devices.
This commit is contained in:
Ro
2023-08-28 14:51:42 -07:00
parent 7feb76517a
commit c087d00a2b
9 changed files with 188 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
resources/views/frame.blade.php
View File

@ -12,37 +12,47 @@
</head>
<body>
<header>
<div>
<div class="nav-left">
<div class="header-left">
<a href="/">
<img src="/assets/images/global/logo-dark.svg" title="bad-space-logo" />
</a>
</div>
<div>
<div class="header-center">
<h1>{{$title}}</h1>
</div>
<div>
<nav>
<a href="/about" title="about" class="nav-links">
About
</a><br />
<a href="/listings/1" title="instance listing" class="nav-links">
Listings
</a><br />
@if(Auth::check())
<a href="/den" title="den-start" class="nav-links">
Den
<div class="header-right">
<label for="element-toggle">
<img class="menu-icon" src="/assets/images/global/menu.svg" title="menu-open-toggle" />
</label>
<input id="element-toggle" type="checkbox" />
<div id="main-nav">
<nav>
<label for="element-toggle">
<img class="menu-icon" src="/assets/images/global/close.svg" title="menu-open-toggle" />
</label><br>
<a href="/about" title="about" class="nav-links">
About
</a><br />
<a href="/logout" title="logout" class="nav-links">
Logout
<a href="/listings/1" title="instance listing" class="nav-links">
Listings
</a><br />
@else
<a href="/den" title="login" class="nav-links">
The Den
</a><br />
@endif
</nav>
@if(Auth::check())
<a href="/den" title="den-start" class="nav-links">
Den
</a><br />
<a href="/logout" title="logout" class="nav-links">
Logout
</a><br />
@else
<a href="/den" title="login" class="nav-links">
The Den
</a><br />
@endif
</nav>
</div>
</div>
</div>
</header>