preview.css 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. * {
  2. margin: 0;
  3. padding: 0
  4. }
  5. html,
  6. body {
  7. height: 100%;
  8. font-size: 14px;
  9. }
  10. .main {
  11. display: flex;
  12. flex-direction: column;
  13. overflow: hidden;
  14. height: 100%;
  15. width: 100%
  16. }
  17. .model {
  18. flex: 1
  19. }
  20. .main .bf-panel {
  21. font-size: 36px !important;
  22. }
  23. .main .bf-mobile .tree-panel .bf-panel-header {
  24. border: none;
  25. }
  26. .main .bf-mobile .bf-tree-header {
  27. margin: 0;
  28. padding: 0.3em;
  29. }
  30. .main .bf-panel-searchbar {
  31. display: flex;
  32. align-items: center;
  33. height: 1em;
  34. }
  35. .main .bf-mobile .tree-panel .bf-panel-container {
  36. padding-top: 0;
  37. }
  38. .main .bf-mobile .bf-toolbar.bf-tree-toolbar {
  39. left: .4em;
  40. border-radius: 8px;
  41. }
  42. .main .bf-mobile .bf-toolbar.bf-toolbar-bottom {
  43. right: .4em;
  44. border-radius: 8px;
  45. }
  46. .tips-4 {
  47. width: 150px;
  48. height: 24px;
  49. background: linear-gradient(90deg, rgba(211, 179, 20, 0) 0%, rgba(161, 140, 35, 0.8) 53%, rgba(211, 179, 20, 0) 100%);
  50. border: 1px solid;
  51. border-image: linear-gradient(270deg, rgba(255, 219, 42, 0), rgba(255, 219, 42, 1), rgba(255, 219, 42, 0)) 1 1;
  52. font-weight: 600;
  53. font-size: 12px;
  54. color: #FFFFFF;
  55. text-align: center;
  56. line-height: 22px;
  57. position: relative;
  58. .iconfont {
  59. position: absolute;
  60. color: #FFDB2A;
  61. bottom: -23px;
  62. left: 50%;
  63. margin-left: -8px;
  64. }
  65. }