update css

2026-07-30 02:10:12 +07:00
parent c51cfe0620
commit f88818dbf9
16 changed files with 126 additions and 168 deletions
@@ -66,8 +66,9 @@ type AdvancedPlace = {
 </script>

 <template>
-    <div class="center-block-custom-big">
-        <div class="places-container">
+    <div class="center-block-custom bottom-margin">
+
+        <div class="width700">
            <GameInputForm :addAction="addAction"></GameInputForm>

            <PlaceBlock :place="advancedPlace.place" v-model:mode="advancedPlace.mode"
@@ -80,21 +81,13 @@ type AdvancedPlace = {
 </template>

 <style scoped>
-.places-container {
-    display: flex;
-    flex-flow: column nowrap;
-    overflow-y: auto;
-    margin-top: 70px;
-    padding: 20px;
-    height: calc(100vh - 150px);
-
-    /* border: 1px solid red; */
+.bottom-margin {
+    height: calc(100dvh - 70px - 76px);
 }

@media (width >=1024px) {
-    .places-container {
-        padding: 20px 250px;
-        height: calc(100vh - 70px - 75px);
+    .bottom-margin {
+        height: calc(100dvh - 70px - 76px);
    }
 }
 </style>