Poprawki responsywności układu strony

2026-05-03 11:45:34 +00:00 · 2022-08-21 15:11:39 +02:00
parent 4d997d79e1
commit 541906b557
5 changed files with 7 additions and 7 deletions
@@ -362,4 +362,3 @@ export default defineComponent({
  }
 }
 </style>
-
@@ -503,8 +503,7 @@ ul {

  overflow: auto;

-  height: 50vh;
-  min-height: 500px;
+  height: 70vh;
  margin-top: 1em;
 }

@@ -512,6 +511,7 @@ ul > li {
  display: flex;
  align-items: center;
  justify-content: space-between;
+  min-width: 500px;

  margin: 0.25em 0;

@@ -601,9 +601,6 @@ li > .stock-info {
  ul {
    min-height: auto;
  }
-  li > .stock-info {
-    font-size: 0.9em;
-  }
 }
 </style>

@@ -25,6 +25,9 @@ export default {

 img {
  width: 25em;
+  @media screen and (max-width: 400px) {
+    width: 20em;
+  }
 }
 </style>

@@ -116,6 +116,7 @@ export default defineComponent({
  grid-column: 1;

  margin-top: 2em;
+  height: 290px;
 }

 .train-image {