Blog UI tweaks

This commit is contained in:
Robert Marshall 2020-01-03 19:43:23 +00:00
parent 92e479457c
commit 8574a6a1d1
2 changed files with 12 additions and 4 deletions

View file

@ -6,12 +6,12 @@
<a href="/blog/edit">New Post</a> <a href="/blog/edit">New Post</a>
<table> <table class="post-list">
@foreach (var post in Model) { @foreach (var post in Model) {
<tr> <tr class="post-list__post">
<td><a href="/blog/view/@post.Url">@post.Title</a></td> <td><a href="/blog/view/@post.Url">@post.Title</a></td>
<td><a href="/blog/view/@post.Url?preview=true"><img src="/images/blog.svg" alt="Preview" title="Preview"/></a></td>
<td><a href="edit?id=@post.Id"><img src="/images/edit.svg" alt="Edit" title="Edit"/></a></td> <td><a href="edit?id=@post.Id"><img src="/images/edit.svg" alt="Edit" title="Edit"/></a></td>
<td><a href="/blog/view/@post.Url?preview=true"><img src="/images/blog.svg" alt="Preview" title="Preview"/></a></td>
<td><a href="publish?id=@post.Id"><img src="/images/send.svg" alt="Publish" title="Publish" onclick="return confirm('Are you sure?')"/></a></td> <td><a href="publish?id=@post.Id"><img src="/images/send.svg" alt="Publish" title="Publish" onclick="return confirm('Are you sure?')"/></a></td>
<td><a href="delete?id=@post.Id"><img src="/images/delete.svg" alt="Delete" title="Delete" onclick="return confirm('Are you sure?')"/></a></td> <td><a href="delete?id=@post.Id"><img src="/images/delete.svg" alt="Delete" title="Delete" onclick="return confirm('Are you sure?')"/></a></td>
</tr> </tr>

View file

@ -53,4 +53,12 @@
flex: 1 1 auto; flex: 1 1 auto;
} }
} }
} }
.post-list{
border-collapse: collapse;
&__post:hover{
background: @Grey-300;
margin: 5px;
}