form-directory.less 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657
  1. .form-directory{
  2. padding: 20px;
  3. overflow: auto;
  4. @headBasePadding: 24px;
  5. > * {
  6. padding: 8px;
  7. margin: 8px 0;
  8. font-size: 12px;
  9. }
  10. .form-directory-item{
  11. background: #fff;
  12. display: block;
  13. color: @primary !important;
  14. text-decoration: none;
  15. h1{
  16. }
  17. h2{
  18. padding-left: @headBasePadding !important;
  19. }
  20. h3{
  21. padding-left: @headBasePadding*2 !important;
  22. }
  23. h4{
  24. padding-left: @headBasePadding*3 !important;
  25. }
  26. h5{
  27. padding-left: @headBasePadding*4 !important;
  28. }
  29. h6{
  30. padding-left: @headBasePadding*5 !important;
  31. }
  32. }
  33. }
  34. .form-directory__drawer{
  35. .el-drawer__header{
  36. margin-bottom: 12px;
  37. }
  38. .el-drawer__body{
  39. overflow: auto;
  40. }
  41. }
  42. .form-directory__switch{
  43. cursor: pointer;
  44. position: fixed;
  45. top: 50%;
  46. right: 0;
  47. z-index: 1000;
  48. box-sizing: border-box;
  49. background: #fff;
  50. width: 60px;
  51. height: 60px;
  52. display: inline-flex;
  53. align-items: center;
  54. justify-content: center;
  55. box-shadow: 0 1px 4px rgba(0,21,41,.1);
  56. }