updated header styling

This commit is contained in:
Chester Bak 2024-07-23 09:44:37 +07:00
parent 0be0427737
commit 27e0ed4529
2 changed files with 17 additions and 7 deletions

View File

@ -21,13 +21,17 @@ function filename(){
name.style.fontWeight = "normal"; name.style.fontWeight = "normal";
} }
</script> </script>
<div class="header">
<div class="user"> <div class="user">
<p class="user">User:&nbsp;<b><?php echo $user ?></b></p> <p class="user">User:&nbsp;<b><?php echo $user ?></b></p>
</div>
<div class="menu"> <div class="menu">
<a href="index.php" class="menu-item">Home</a> <a href="index.php" class="menu-item">Home</a>
<a href="dashboard.php" class="menu-item">Dashboard</a> <a href="dashboard.php" class="menu-item">Dashboard</a>
</div> </div>
<div class="account">
<form action="login.php" method="post"> <form action="login.php" method="post">
<input id="logoff" type="submit" name="logoff" value="Logoff"> <input id="logoff" type="submit" name="logoff" value="Logoff">
</form> </form>
</div> </div>
</div>

View File

@ -6,8 +6,7 @@ body {
text-align:center; text-align:center;
} }
.user { .user {
display:flex; width: 10%;
width:100%;
justify-content:left; justify-content:left;
background-color:#ccc; background-color:#ccc;
box-sizing:border-box; box-sizing:border-box;
@ -16,6 +15,13 @@ p.user {
margin:0; margin:0;
padding:.9em; padding:.9em;
} }
.header {
display: flex;
width: 100%;
}
.account {
width: 10%;
}
.menu { .menu {
padding:.9em; padding:.9em;
width: 100%; width: 100%;