landscapePhone.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  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. .menuHead a p{
  59. font-size: 35px;
  60. }
  61. #recipeListLabel, #subIngredientList{
  62. display: flex;
  63. }
  64. /* ORDER FILTER */
  65. #orderFilterIngredients{
  66. max-height: 70%;
  67. }
  68. #orderFilterSubmit{
  69. margin-top: 15px;
  70. }
  71. /* ORDER DETAILS */
  72. #orderIngredients{
  73. display: flex;
  74. flex-direction: column;
  75. }
  76. /* TRANSACTION DETAILS */
  77. #transactionRecipesLabel, .transactionRecipes, #transactionDetails .lineBorder{
  78. display: flex;
  79. flex-direction: column;
  80. }
  81. /* TRANSACTION FILTER */
  82. #transFilterRecipeList{
  83. max-height: 70%;
  84. }
  85. }
  86. }