tronnet/ProxmoxAAS-Dashboard
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

improve nav bar styling

Browse Source
This commit is contained in:
Arthur Lu 2023-05-11 06:03:37 +00:00
parent d9cd651bb4
commit 6b08ca1df7
5 changed files with 19 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
account.html
View File

@ -12,8 +12,8 @@
</head>
<body>
<header>
<h1>tronnet</h1>
<nav id="hamnav">
<h1>tronnet</h1>
<label for="hamburger">&#9776;</label>
<input type="checkbox" id="hamburger">
<div id="hamitems">

2
config.html
View File

@ -13,8 +13,8 @@
</head>
<body>
<header>
<h1>tronnet</h1>
<nav id="hamnav">
<h1>tronnet</h1>
<label for="hamburger">&#9776;</label>
<input type="checkbox" id="hamburger">
<div id="hamitems">

19
css/nav.css
View File

@ -18,21 +18,28 @@
}
}
nav {
overflow: hidden;
header {
display: grid;
grid-template-columns: auto 1fr;
align-items: center;
width: 100%;
background-color: var(--nav-bg-color);
color: var(--nav-text-color);
font-size: larger;
}
nav h1 {
header h1 {
font-size: 18px;
margin: 0px;
background-color: var(--nav-header-bg-color);
color: var(--nav-header-text-color);
}
nav a, nav h1, nav label {
nav {
overflow: hidden;
font-size: larger;
}
nav a, header h1, nav label {
text-align: left;
padding: 8px 10px;
text-decoration: none;
@ -64,7 +71,7 @@ nav a, nav h1, nav label {
}
@media screen and (max-width: 600px){
nav {
header {
display: grid;
grid-template-columns: 1fr auto;
}

2
index.html
View File

@ -14,8 +14,8 @@
</head>
<body>
<header>
<h1>tronnet</h1>
<nav id="hamnav">
<h1>tronnet</h1>
<label for="hamburger">&#9776;</label>
<input type="checkbox" id="hamburger">
<div id="hamitems">

2
login.html
View File

@ -12,8 +12,8 @@
</head>
<body>
<header>
<h1>tronnet</h1>
<nav id="hamnav">
<h1>tronnet</h1>
<label for="hamburger">&#9776;</label>
<input type="checkbox" id="hamburger">
<div id="hamitems">