landscapePhone.css 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. @media screen and (orientation: landscape){
  2. @media screen and (min-width: 1000px){
  3. .mobileMenuSelector{
  4. top: 20px;
  5. left: 40px;
  6. }
  7. .strandTitle{
  8. margin: 15px;
  9. }
  10. /* HOME */
  11. #homeStrand{
  12. flex-direction: column;
  13. justify-content: flex-end;
  14. }
  15. #graphCard{
  16. display: flex;
  17. }
  18. .flexRow{
  19. max-height: 40vh;
  20. }
  21. .flexRow:nth-child(2){
  22. flex-grow: 2;
  23. }
  24. .flexRow:nth-child(3){
  25. flex-grow: 1;
  26. }
  27. /* INGREDIENTS */
  28. #categoryList{
  29. height: 80%;
  30. }
  31. /* RECIPE BOOK */
  32. #recipeList{
  33. height: 80%;
  34. }
  35. /* ANALYTICS */
  36. #analyticsStrand .strandTitle{
  37. margin-top: 8px;
  38. margin-left: 30px;
  39. }
  40. .analDateRange{
  41. display: block;
  42. }
  43. #analRecipeContent, .analContent{
  44. height: 80%;
  45. }
  46. /* ORDERS */
  47. #orderList{
  48. height: 80%;
  49. }
  50. /* TRANSACTIONS */
  51. #transactionsList{
  52. height: 80%;
  53. }
  54. .menuLogo{
  55. max-height: initial;
  56. max-width: 300px;
  57. }
  58. #recipeListLabel, #subIngredientList{
  59. display: flex;
  60. }
  61. /* ORDER FILTER */
  62. #orderFilterIngredients{
  63. max-height: 70%;
  64. }
  65. #orderFilterSubmit{
  66. margin-top: 15px;
  67. }
  68. /* ORDER DETAILS */
  69. #orderIngredients{
  70. display: flex;
  71. flex-direction: column;
  72. }
  73. /* TRANSACTION DETAILS */
  74. #transactionRecipesLabel, .transactionRecipes, #transactionDetails .lineBorder{
  75. display: flex;
  76. flex-direction: column;
  77. }
  78. /* TRANSACTION FILTER */
  79. #transFilterRecipeList{
  80. max-height: 70%;
  81. }
  82. }
  83. }