layout.html 2.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <div id="layout" class="relative">
  2. <div class="dialog-section no-p-b">
  3. <div class="btn-group">
  4. <button class="btn btn-transparent btn-icon" v-on:click="layout_stack_top()">
  5. <span class="icon icon-stack-3d-top"></span>
  6. </button>
  7. <button class="btn btn-transparent btn-icon" v-on:click="layout_stack_bottom()">
  8. <span class="icon icon-stack-3d-bottom"></span>
  9. </button>
  10. <button class="left btn btn-transparent btn-icon" v-on:click="layout_align_left()">
  11. <span class="icon icon-align-left"></span>
  12. </button>
  13. <button class="right btn btn-transparent btn-icon" v-on:click="layout_align_right()">
  14. <span class="icon icon-align-right"></span>
  15. </button>
  16. <button class="top btn btn-transparent btn-icon" v-on:click="layout_align_top()">
  17. <span class="icon icon-align-top"></span>
  18. </button>
  19. <button class="bottom btn btn-transparent btn-icon" v-on:click="layout_align_bottom()">
  20. <span class="icon icon-align-bottom"></span>
  21. </button>
  22. </div>
  23. <div class="btn-group">
  24. <button class="btn btn-transparent btn-icon" v-on:click="layout_align_center()">
  25. <span class="icon icon-align-center-horizontal"></span>
  26. </button>
  27. <button class="btn btn-transparent btn-icon" v-on:click="layout_align_middle()">
  28. <span class="icon icon-align-center-vertical"></span>
  29. </button>
  30. <button class="btn btn-transparent btn-icon" v-on:click="layout_distribute_horizontal()">
  31. <span class="icon icon-distribute-horizontal"></span>
  32. </button>
  33. <button class="btn btn-transparent btn-icon" v-on:click="layout_distribute_vertical()">
  34. <span class="icon icon-distribute-vertical"></span>
  35. </button>
  36. <button class="btn btn-transparent btn-icon" v-on:click="layout_distribute_horizontal_spacing()">
  37. <span class="icon icon-spacing-horizontal"></span>
  38. </button>
  39. <button class="btn btn-transparent btn-icon" v-on:click="layout_distribute_vertical_spacing()">
  40. <span class="icon icon-spacing-vertical"></span>
  41. </button>
  42. <button class="btn btn-transparent btn-icon" v-on:click="layout_auto()">
  43. <span class="icon icon-cluster"></span>
  44. </button>
  45. </div>
  46. <!--div class="dialog-section no-p-b no-p-h" v-if="selection_metrics.count>1">
  47. <label class="label label-sm">Match Size</label>
  48. <div class="btn-group">
  49. <button class="btn btn-transparent btn-icon" v-on:click="layout_match_size_vert()">
  50. <span class="icon icon-size-vertical"></span>
  51. </button>
  52. <button class="btn btn-transparent btn-icon" v-on:click="layout_match_size_both()">
  53. <span class="icon icon-size-both"></span>
  54. </button>
  55. <button class="btn btn-transparent btn-icon" v-on:click="layout_match_size_horiz()">
  56. <span class="icon icon-size-horizontal"></span>
  57. </button>
  58. </div>
  59. </div-->
  60. </div>
  61. </div>