Merge pull request #38 from Arzte/small-screen-css

Fix css on some elements for small screens.
ltouroumov · Sep 13, 2024 · d0b2cb3 · d0b2cb3
2 parents 6e14d36 + 04092ff
commit d0b2cb3
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 9 deletions.
diff --git a/components/LoadProject.vue b/components/LoadProject.vue
@@ -90,8 +90,4 @@ const loadProjectFile = () => {
 };
 </script>
 
-<style lang="scss">
-.load-project {
-  min-width: 500px;
-}
-</style>
+<style lang="scss"></style>
diff --git a/components/viewer/utils/BuildLibrary.vue b/components/viewer/utils/BuildLibrary.vue
@@ -118,10 +118,6 @@ const loadBuild = (build: BuildData) => {
 </script>
 
 <style scoped lang="scss">
-.build-library {
-  min-width: 500px;
-}
-
 .build-list {
   display: flex;
   flex-direction: column;

diff --git a/pages/index.vue b/pages/index.vue
@@ -71,4 +71,11 @@ html {
     padding: 10px;
   }
 }
+
+@media screen and (max-width: 768px) {
+  .dialog {
+    width: 100% !important;
+    max-width: 100%;
+  }
+}
 </style>