3204 Layout preview

This commit is contained in:
Andreas Svanberg 2023-12-07 16:32:32 +01:00
parent d8db312c48
commit 630018dd8c

@ -78,8 +78,35 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22 22"><defs><clipPath><path fill="#00f" fill-opacity=".514" d="m-7 1024.36h34v34h-34z"/></clipPath><clipPath><path fill="#aade87" fill-opacity=".472" d="m-6 1028.36h32v32h-32z"/></clipPath></defs><path d="m345.44 248.29l-194.29 194.28c-12.359 12.365-32.397 12.365-44.75 0-12.354-12.354-12.354-32.391 0-44.744l171.91-171.91-171.91-171.9c-12.354-12.359-12.354-32.394 0-44.748 12.354-12.359 32.391-12.359 44.75 0l194.29 194.28c6.177 6.18 9.262 14.271 9.262 22.366 0 8.099-3.091 16.196-9.267 22.373" transform="matrix(.03541-.00013.00013.03541 2.98 3.02)" fill="#4d4d4d"/></svg>
</a>
</div>
<div wicket:id="expanded" class="card-body">
<p>A very long note. Lorem ipsum dolor sit amet.</p>
<div class="row" wicket:id="expanded">
<div class="col">
<div class="card-body">
<div class="mb-3">
<label class="form-label">Note</label>
<textarea class="form-control">A very long note. Lorem ipsum dolor sit amet.</textarea>
</div>
<button class="btn btn-sm btn-success">Set note</button>
</div>
</div>
<div class="col-auto">
<div class="card-body">
<h5>Unavailability</h5>
<ul>
<li>2023-01-01&mdash;2023-01-31</li>
<li>2023-05-01&mdash;2023-06-01</li>
<li><a href="#">Add new period</a></li>
</ul>
</div>
</div>
<div class="col-auto">
<div class="card-body">
<h5>Target history</h5>
<ul>
<li>2023-01-01&mdash;2023-06-30: 2</li>
<li>2022-07-01&mdash;2022-12-31: 4</li>
</ul>
</div>
</div>
</div>
</wicket:container>
</div>