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";
}
</script>
<div class="user">
<p class="user">User:&nbsp;<b><?php echo $user ?></b></p>
<div class="header">
<div class="user">
<p class="user">User:&nbsp;<b><?php echo $user ?></b></p>
</div>
<div class="menu">
<a href="index.php" class="menu-item">Home</a>
<a href="dashboard.php" class="menu-item">Dashboard</a>
</div>
<form action="login.php" method="post">
<input id="logoff" type="submit" name="logoff" value="Logoff">
</form>
<div class="account">
<form action="login.php" method="post">
<input id="logoff" type="submit" name="logoff" value="Logoff">
</form>
</div>
</div>

View File

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