ivabus/www
1
0
Fork 0
mirror of https://github.com/ivabus/www synced 2024-11-22 15:05:07 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Windows 95-like menu button

Browse source
This commit is contained in:
Thomas Smith 2023-02-03 17:52:01 -05:00
parent c1c16e1e8b
commit 9cf07631ce
1 changed files with 16 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
src/layouts/partials/navbar.html
View file

@ -1,9 +1,9 @@
<nav class="navbar bg-dark navbar-expand-lg navbar-dark sticky-top my-auto main-nav"> <nav class="navbar bg-dark navbar-expand-lg navbar-dark sticky-top my-auto main-nav">
<div class="container-fluid top-nav"> <div class="container-fluid top-nav">
<a class="navbar-brand" href="/"><img src="/Images/tea-logo-1.png" class="top-logo" alt="top-logo"></a> <a class="navbar-brand" href="/"><img src="/Images/tea-logo-1.png" class="top-logo" alt="top-logo"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" <button class="navbar-toggler me-3" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight"
aria-controls="offcanvasRight" aria-expanded="false" aria-label="Toggle navigation"> aria-controls="offcanvasRight" aria-expanded="false" aria-label="Toggle navigation">
MENU <i class="icon-tea-logo-iconasset-1 me-2"></i>Start
</button> </button>
<div class="collapse navbar-collapse flex" id="navbarSupportedContent"> <div class="collapse navbar-collapse flex" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto my-auto"> <ul class="navbar-nav ms-auto my-auto">
@ -17,6 +17,20 @@
</li> </li>
<style> <style>
.navbar-toggler{
border-top: 1px solid #4d4d4d !important;
border-left: 1px solid #4d4d4d !important;
border-right: 1px solid black !important;
border-bottom: 1px solid black !important;
width:125px;
height: 40px;
}
.navbar-toggler:hover{
border: none !important;
background-color: #0f0f0f;
}
.hbtn { .hbtn {
background-color: #8000ff; background-color: #8000ff;
position: relative; position: relative;