@@ -29,6 +29,9 @@
<td>{{thread.category}}</td>
<td>{{thread.replies}}</td>
</tr>
+ <tr class='thread' v-if='!threads.length' colspan='4'>
+ <td colspan='4' class='thread--empty'>No threads or posts.</td>
+ </tr>
</tbody>
</div>
@@ -119,6 +122,20 @@
}
+ @at-root #{&}--empty {
+ height: 5rem;
+ text-align: center;
+ font-size: 2rem;
+ user-select: none;
+ cursor: default;
+ transition: none;
+
+ &:hover {
+ background-color: #fff;
+ }
@at-root #{&}__section {
padding: 0 0.5rem;