navbar: extra container to center items

This commit is contained in:
Trianta 2024-11-25 19:46:33 -06:00
parent f58effc904
commit 833cbdbe07
2 changed files with 11 additions and 4 deletions

View File

@ -16,7 +16,6 @@ canvas {
#navigation { #navigation {
background: #dce0e8; background: #dce0e8;
padding: 16px;
position: fixed; position: fixed;
top: 0px; top: 0px;
left: 0px; left: 0px;
@ -24,6 +23,12 @@ canvas {
text-align: right; text-align: right;
} }
#navArea {
padding: 16px;
width: 600px;
margin: auto;
}
#navBarLeft { #navBarLeft {
float: left; float: left;
text-align: left; text-align: left;

View File

@ -7,9 +7,11 @@
</head> </head>
<body> <body>
<div id="navigation"> <div id="navigation">
<p id="navBarLeft">Trianta</p> <div id="navArea">
<a class="navItem" href="https://www.github.com/trimutex">GitHub</a> <p id="navBarLeft">Trianta</p>
<a class="navItem" href="https://lab.trianta.dev/Trianta">Projects</a> <a class="navItem" href="https://www.github.com/trimutex">GitHub</a>
<a class="navItem" href="https://lab.trianta.dev/Trianta">Projects</a>
</div>
</div> </div>
<div id="main"> <div id="main">
<div class="card"> <div class="card">