home.html 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. <style>
  2. .page_content {
  3. display: flex;
  4. justify-content: space-between
  5. }
  6. .content {
  7. margin: 80px 0px 10px 0px !important;
  8. /*float: right;*/
  9. overflow-x: hidden;
  10. }
  11. .sidebar {
  12. width: 18%;
  13. }
  14. .leftsidebar {
  15. }
  16. .sidebar-collapsed-back .content {
  17. width: 82% !important;
  18. }
  19. .sidebar-collapsed-back .leftsidebar {
  20. width: 18%;
  21. }
  22. .sidebar-collapsed .content {
  23. width: 98%;
  24. }
  25. .sidebar-collapsed .sidebar {
  26. width: 2%
  27. }
  28. .sidebar-collapsed > .leftsidebar > .sidebar > .user-info > .sidebar-icon {
  29. transform: rotate(90deg);
  30. transition: all 300ms ease-in-out;
  31. margin-right: -6px;
  32. margin-top: -6px;
  33. color: #fff;
  34. background: #F44336;
  35. border-radius: 0;
  36. }
  37. .sidebar-collapsed-back > .leftsidebar > .sidebar > .user-info > .sidebar-icon {
  38. transform: rotate(0deg);
  39. transition: all 300ms ease-in-out;
  40. }
  41. .role-name{
  42. padding: 22px 2px;
  43. color:white;
  44. }
  45. </style>
  46. <!--<script>
  47. $(function () {
  48. var menuHeight = $(window).height() - $(".container-fluid").height() - 105;
  49. $(".mainmenu").height(menuHeight);
  50. });
  51. </script>-->
  52. <!-- Top Bar -->
  53. <nav class="navbar">
  54. <div class="container-fluid">
  55. <div class="navbar-header">
  56. <img style="width:30px;height:30px;float: left;margin: 10px 5px 0px 0px;" src="images/sys-logo2.png"/>
  57. <a class="navbar-brand" style="font-size:30px">{{htmlResource.Title}}</a>
  58. </div>
  59. <div class="collapse navbar-collapse" id="navbar-collapse">
  60. <a ng-click="logout()" class="dropdown-toggle" data-toggle="dropdown" role="button">
  61. <i class="material-icons" style="float: left;margin-right: 7px;font-size: 20px;">power_settings_new</i>
  62. </a>
  63. </div>
  64. </div>
  65. </nav>
  66. <!-- #Top Bar -->
  67. <div class="page_content">
  68. <section class="content">
  69. <div class="container-fluid">
  70. <div ui-view></div>
  71. </div>
  72. </section>
  73. </div>