Brak opisu
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

_dashboard.scss 3.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176
  1. .stat-widget {
  2. background : #f5f6fa;
  3. padding : 20px;
  4. border-radius: $radius;
  5. margin : 15px 0px;
  6. position : relative;
  7. // &::before {
  8. // content : "";
  9. // position : absolute;
  10. // top : 22px;
  11. // left : 18px;
  12. // right : 18px;
  13. // bottom : -40px;
  14. // z-index : -2;
  15. // background : #E3E6EC;
  16. // opacity : 0.91;
  17. // -webkit-filter: blur(86.985px);
  18. // filter : blur(86.985px);
  19. // border-radius : 24px;
  20. // }
  21. .widget-icon {
  22. // background : rgba(0, 0, 0, 0.15);
  23. width : 50px;
  24. height : 50px;
  25. display : flex;
  26. align-items : center;
  27. justify-content: center;
  28. border-radius : 100%;
  29. font-size : 20px;
  30. color : $white;
  31. i {
  32. line-height: 0px;
  33. }
  34. }
  35. .widget-content {
  36. // text-align: right;
  37. p {
  38. color : $body-color;
  39. opacity : 0.85;
  40. font-size : 14px;
  41. font-weight : 400;
  42. margin-bottom: 0px;
  43. }
  44. h3 {
  45. // color: $dark;
  46. font-size : 20px;
  47. margin-bottom: 0px;
  48. }
  49. // p {
  50. // // background : $dark;
  51. // display : inline-block;
  52. // padding : 3px 7px;
  53. // border-radius: $radius - 16px;
  54. // }
  55. }
  56. }
  57. // invoice-content
  58. .invoice-content {
  59. // margin: 0px -15px;
  60. li {
  61. margin-bottom : 7px;
  62. display : block;
  63. padding : 12px 0px;
  64. // border-radius: $radius;
  65. position : relative;
  66. border-bottom : 1px solid $border-color;
  67. // &:hover,
  68. // &:focus,
  69. // &.active {
  70. // background: $primary;
  71. // h5 {
  72. // color: $white;
  73. // }
  74. // p {
  75. // color : $white;
  76. // opacity: 0.75;
  77. // }
  78. // }
  79. &:last-child {
  80. // margin-bottom: 0px;
  81. border: 0px;
  82. }
  83. span {
  84. // position : absolute;
  85. right : 15px;
  86. display : block;
  87. font-size : 12px;
  88. background : $white;
  89. padding : 2px 10px;
  90. border-radius: 16px;
  91. display : inline-block;
  92. }
  93. }
  94. .invoice-user-img {
  95. img {
  96. border-radius: $radius + 50px;
  97. }
  98. }
  99. .invoice-info {
  100. position: relative;
  101. display : block;
  102. p {
  103. margin-bottom : 5px;
  104. // font-weight : 600;
  105. // color : $body-color;
  106. // font-size : 18px;
  107. }
  108. }
  109. }
  110. #most-selling-items {
  111. height: 295px !important;
  112. }
  113. #activity {
  114. height: 245px !important;
  115. }
  116. #user-activity {
  117. .btn {
  118. padding: 5px 15px;
  119. @include respond("phone-land") {
  120. margin-top: 10px;
  121. }
  122. }
  123. }
  124. .budget-content {
  125. li {
  126. margin-bottom: 32px;
  127. h5 {
  128. font-size: 15px;
  129. }
  130. .progress {
  131. height: 10px;
  132. }
  133. &:last-child {
  134. margin-bottom: 0px;
  135. }
  136. }
  137. }