order.scss 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. page-order {
  2. ion-content > div:nth-child(2) {
  3. overflow-y: hidden;
  4. }
  5. form {
  6. width: 100%;
  7. height: 100%;
  8. display: flex;
  9. flex-direction: column;
  10. align-items: stretch;
  11. }
  12. ion-list {
  13. overflow-x: hidden;
  14. overflow-y: auto;
  15. height: 100%;
  16. flex-grow: 1;
  17. }
  18. ion-item {
  19. padding-left: 5px !important;
  20. }
  21. form > ion-item > div {
  22. padding-right: 5px !important;
  23. box-shadow: 0 0 0 #fff !important;
  24. }
  25. form > ion-item > div, form > ion-item-divider {
  26. border-bottom: 0 !important;
  27. }
  28. ion-list > ion-item > div > div:nth-child(2) {
  29. display: flex !important;
  30. flex-direction: column !important;
  31. align-content: center;
  32. }
  33. ion-list > ion-item > div > div:nth-last-child(1) > button {
  34. height: 24px !important;
  35. padding: 0 8px !important;
  36. border-radius: 12px !important;
  37. }
  38. ion-item-divider {
  39. font-size: 1.109rem !important;
  40. }
  41. ion-item-divider > div > div > ion-label {
  42. margin: 13px 8px 10px 0 !important;
  43. }
  44. ion-list, ion-input {
  45. border: 1px solid #d3d3d3;
  46. border-radius: 5px;
  47. }
  48. ion-list {
  49. margin: 0 5px !important;
  50. padding: 2px;
  51. }
  52. ion-input > input {
  53. margin: 8px !important;
  54. }
  55. form > ion-item:nth-last-child(1) {
  56. padding-right: 65px;
  57. }
  58. .empty-cart {
  59. height: 100%;
  60. }
  61. .empty-cart > div > div > ion-label {
  62. display: flex;
  63. flex-direction: column;
  64. align-items: center;
  65. }
  66. .empty-cart > div > div > ion-label > h2 {
  67. font-size: 10pt;
  68. color: #d3d3d3;
  69. padding-bottom: 25px;
  70. }
  71. }