CartPage.css 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. .Total {
  2. min-height: 120px;
  3. padding: 10px;
  4. font-size: 22px;
  5. text-align: right;
  6. padding-right: 93px;
  7. }
  8. .Total > div {
  9. width: 100px;
  10. display: inline-block;
  11. text-align: center;
  12. }
  13. .products_table td img {
  14. height: 50px;
  15. }
  16. table.products_table tbody tr td:nth-child(4) {
  17. white-space: nowrap;
  18. }
  19. table.products_table tbody tr td:nth-child(6) {
  20. white-space: nowrap;
  21. }
  22. @media screen and (max-width: 330px) {
  23. .products_table td img {
  24. height: 30px;
  25. border-radius: 50%;
  26. }
  27. table.products_table tbody tr td:nth-child(4) {
  28. white-space: nowrap;
  29. }
  30. table.products_table tbody tr td:nth-child(6) {
  31. white-space: nowrap;
  32. }
  33. }
  34. @media screen and (max-width: 414px) {
  35. .products_table td img {
  36. height: 35px;
  37. border-radius: 50%;
  38. }
  39. table.products_table tbody tr td:nth-child(4) {
  40. white-space: nowrap;
  41. }
  42. table.products_table tbody tr td:nth-child(6) {
  43. white-space: nowrap;
  44. }
  45. }
  46. .shipping-items {
  47. padding: 0px;
  48. }
  49. .shipping-item {
  50. display: flex;
  51. justify-content: space-around;
  52. padding: 20px;
  53. }
  54. .shipping-item .name {
  55. width: 60%;
  56. }
  57. .shipping-item .price {
  58. width: 40%;
  59. }
  60. .shipping {
  61. display: flex;
  62. padding: 10px;
  63. justify-content: flex-end;
  64. font-size: 20px;
  65. }
  66. .shipping div {
  67. width: 100px;
  68. }
  69. .shipping span {
  70. width: 200px;
  71. }
  72. .headers {
  73. width: 100%;
  74. font-size: 18px;
  75. text-align: center;
  76. padding: 20px 10px;
  77. }
  78. .shipping-item.selected {
  79. border: 1px solid rgb(143,188,143);
  80. box-shadow: 0 2px 2px 0 rgba(143,188,143,0.14), 0 1px 5px 2px rgba(143,188,143,0.52), 0 1px 5px 0 rgba(143,188,143,0.2);
  81. }
  82. .products_table th, .products_table td {
  83. text-align: right;
  84. }