_AddPanelWidget.scss 743 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. .add-panel-widget-container {
  2. height: 100%;
  3. }
  4. .add-panel-widget {
  5. height: 100%;
  6. }
  7. .add-panel-widget__header {
  8. top: 0;
  9. position: absolute;
  10. padding: 0 15px;
  11. display: flex;
  12. align-items: center;
  13. width: 100%;
  14. cursor: move;
  15. .gicon {
  16. font-size: 30px;
  17. margin-right: $spacer;
  18. }
  19. &:hover {
  20. transition: background-color 0.1s ease-in-out;
  21. background-color: $panel-header-hover-bg;
  22. }
  23. }
  24. .add-panel-widget__close {
  25. margin-left: auto;
  26. background-color: transparent;
  27. border: 0;
  28. font-size: 16px;
  29. margin-right: -10px;
  30. }
  31. .add-panel-widget__btn-container {
  32. display: flex;
  33. justify-content: center;
  34. align-items: center;
  35. height: 100%;
  36. flex-direction: column;
  37. .btn {
  38. margin-bottom: 10px;
  39. }
  40. }