style today page with shell and card list
wrap the today page in the shared header + container/stack shell, render scheduled nodes as cards via list-cards, and add a muted empty-state message that toggles when no nodes are scheduled. existing #scheduled-nodes-list and li selectors used by cypress tests are preserved (the empty message lives in its own element).
This commit is contained in:
parent
807458ebe8
commit
2349e69c4f
2 changed files with 24 additions and 5 deletions
|
|
@ -7,9 +7,20 @@
|
|||
<link rel="stylesheet" href="/css/app.css">
|
||||
</head>
|
||||
<body>
|
||||
<h1>Today</h1>
|
||||
<ul id="scheduled-nodes-list">
|
||||
</ul>
|
||||
<header class="site-header">
|
||||
<div class="site-header-inner">
|
||||
<h1>Today</h1>
|
||||
<div class="cluster">
|
||||
<a class="btn btn-secondary" href="/home">Home</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<main class="container stack">
|
||||
<ul id="scheduled-nodes-list" class="list-cards"></ul>
|
||||
<p id="scheduled-nodes-empty" class="muted" hidden>
|
||||
Nothing scheduled for today.
|
||||
</p>
|
||||
</main>
|
||||
<script src="/js/auth.js"></script>
|
||||
<script src="/js/today.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue