order.scss 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  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-list > ion-item > div > div:nth-child(2) {
  19. display: flex !important;
  20. flex-direction: column !important;
  21. align-content: center;
  22. }
  23. ion-list > ion-item > div > div:nth-last-child(1) > button {
  24. height: 24px !important;
  25. padding: 0 8px !important;
  26. border-radius: 12px !important;
  27. }
  28. ion-item-divider {
  29. font-size: 1.109rem !important;
  30. }
  31. ion-item-divider > div > div > ion-label {
  32. margin: 13px 8px 10px 0 !important;
  33. }
  34. ion-list {
  35. border: 1px solid #d3d3d3;
  36. border-radius: 2px;
  37. margin: 0 5px !important;
  38. padding: 2px;
  39. }
  40. form > ion-item:nth-last-child(1) {
  41. padding-right: 65px;
  42. }
  43. .empty-cart {
  44. height: 100%;
  45. }
  46. .empty-cart > div > div > ion-label {
  47. display: flex;
  48. flex-direction: column;
  49. align-items: center;
  50. }
  51. .empty-cart > div > div > ion-label > button {
  52. background: $eiru-color;
  53. }
  54. }