index.scss 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. .template-textarea{
  2. width:100%;
  3. display:flex;
  4. flex-direction:column;
  5. position: relative;
  6. .editor-area{
  7. min-height: 800px!important;
  8. }
  9. .rich-editor{
  10. width:100%;
  11. min-height: 20px;
  12. /* h1{
  13. font-size:14px;
  14. font-weight: bold;
  15. } */
  16. }
  17. .content{
  18. padding:10px;
  19. }
  20. .editor{
  21. width:100%;
  22. display:flex;
  23. flex-direction:column;
  24. justify-content: flex-start;
  25. align-items: flex-start;
  26. }
  27. .menus{
  28. position:absolute;
  29. bottom:0px;
  30. right:0px;
  31. font-size:12px;
  32. display:flex;
  33. width:50px;
  34. height:100px;
  35. border:1px dashed #CCC;
  36. flex-direction: column;
  37. justify-content: center;
  38. align-items: center;
  39. .attr{
  40. display:flex;
  41. width:100%;
  42. height:50px;
  43. flex-direction: column;
  44. justify-content: center;
  45. align-items: center;
  46. .attr-icon-size{
  47. width:28px;
  48. height:28px;
  49. }
  50. }
  51. .delete{
  52. display:flex;
  53. width:100%;
  54. height:50px;
  55. flex-direction: column;
  56. justify-content: center;
  57. align-items: center;
  58. .attr-icon-size{
  59. width:28px;
  60. height:28px;
  61. }
  62. }
  63. }
  64. }
  65. .attr-icon-size{
  66. width:48px;
  67. height:48px;
  68. }
  69. .min-height{
  70. min-height:300px;
  71. }