48 lines
894 B
HTML
48 lines
894 B
HTML
<header>
|
|
<h1>My Speaker</h1>
|
|
<button id="logout-btn">[Logout]</button>
|
|
<div class="info-row">
|
|
<div id="user-name">User: admin</div>
|
|
<div id="polling-interval">Polling Interval: 5000 ms</div>
|
|
<div id="current-time">Current Time: 15:35:28</div>
|
|
</div>
|
|
</header>
|
|
|
|
<style>
|
|
header {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
gap: 10px;
|
|
padding: 8px 16px;
|
|
}
|
|
|
|
h1 {
|
|
margin: 0;
|
|
flex: 0 0 auto; /* Не растягивается */
|
|
text-align: left;
|
|
}
|
|
|
|
#logout-btn {
|
|
margin-left: auto; /* Прижимаем вправо */
|
|
flex: 0 0 auto;
|
|
padding: 8px 16px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.info-row {
|
|
display: flex;
|
|
justify-content: center;
|
|
gap: 10px;
|
|
width: 100%;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
#user-name,
|
|
#polling-interval,
|
|
#current-time {
|
|
white-space: nowrap;
|
|
color: aliceblue;
|
|
}
|
|
</style>
|