IndexConsole.scss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. @import '@/utils/common.scss';
  2. .console_btn {
  3. height: 88px;
  4. border-radius: 44px;
  5. position: relative;
  6. background-color: $fastColor;
  7. // margin-left: 46px;
  8. // margin-right: 46px;
  9. // margin-bottom: 36px;
  10. align-items: center;
  11. justify-content: center;
  12. display: flex;
  13. color: #000;
  14. }
  15. .btn_line {
  16. height: 32px;
  17. width: 1px;
  18. background-color: #fff;
  19. opacity: 0.4;
  20. margin-left: 68px;
  21. flex-shrink: 0;
  22. opacity: 0;
  23. }
  24. .stage_btn {
  25. height: 88px;
  26. border-radius: 44px;
  27. position: relative;
  28. // margin-left: 46px;
  29. // margin-right: 46px;
  30. // margin-bottom: 36px;
  31. align-items: center;
  32. justify-content: center;
  33. flex-direction: row;
  34. display: flex;
  35. color: #fff;
  36. border-width: 1px;
  37. border-style: solid;
  38. border-color: #fff;
  39. opacity: 0.4;
  40. box-sizing: border-box;
  41. padding-left: 44px;
  42. padding-right: 44px;
  43. }
  44. .lock {
  45. left: 44px;
  46. width: 48px;
  47. height: 48px;
  48. position: absolute;
  49. top: 18px;
  50. }
  51. .btn_disable {
  52. opacity: 0.4;
  53. }
  54. .btn_sleep {
  55. background-color: $sleepColor;
  56. }
  57. .expand {
  58. color: #fff;
  59. opacity: 0.4;
  60. width: 100%;
  61. text-align: center;
  62. display: flex;
  63. font-size: 28px;
  64. line-height: 48px;
  65. font-weight: bold;
  66. // margin-top: 36px;
  67. margin-top: 16px;
  68. align-items: center;
  69. justify-content: center;
  70. }