post.component.html 632 B

1234567891011121314151617181920212223242526272829303132
  1. <div class="post-container">
  2. <div class="post-actions">
  3. <ul>
  4. <li><a ng-href="/a/news"><i class="material-icons">arrow_back</i></a></li>
  5. </ul>
  6. <ul>
  7. <li><a><i class="material-icons">edit</i></a></li>
  8. </ul>
  9. </div>
  10. <h1>{{post.title}}</h1>
  11. <h5>{{post.subtitle}}</h5>
  12. <div ng-bind-html=post.text></div>
  13. </div>
  14. <style>
  15. figure {
  16. margin: 1em 0px;
  17. }
  18. .post-actions {
  19. width: 100%;
  20. display: flex;
  21. justify-content: space-between;
  22. }
  23. .post-container {
  24. width: 740px;
  25. margin: 60px auto;
  26. }
  27. </style>