tab2.page.scss 733 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. ion-item {
  2. --padding-start: 16px;
  3. --padding-end: 16px;
  4. }
  5. ion-label {
  6. font-size: 16px;
  7. color: var(--ion-text-color);
  8. }
  9. ion-input, ion-textarea {
  10. font-size: 16px;
  11. padding-top: 10px; /* 确保有足够的空间 */
  12. }
  13. ion-item .ion-label {
  14. margin-bottom: 4px; /* 增加标签与输入框之间的间距 */
  15. }
  16. .user-input-textarea {
  17. margin-top: 10px;
  18. }
  19. .generate-button {
  20. margin-top: 20px;
  21. }
  22. .response-container h2 {
  23. font-size: 1.5em;
  24. margin-bottom: 15px;
  25. color: #3880ff;
  26. }
  27. .response-container p {
  28. margin: 5px 0;
  29. font-size: 1em;
  30. }
  31. .meal-plan {
  32. margin-top: 10px;
  33. padding: 10px;
  34. background: #f9f9f9;
  35. border-radius: 8px;
  36. }
  37. .meal-plan h3 {
  38. margin-top: 0;
  39. font-size: 1.2em;
  40. color: #3880ff;
  41. }