Преглед на файлове

Make UI more responsive

ghorsington преди 5 години
родител
ревизия
29dbaeea1f
променени са 1 файла, в които са добавени 11 реда и са изтрити 3 реда
  1. 11 3
      web/src/routes/dashboard/_layout.svelte

+ 11 - 3
web/src/routes/dashboard/_layout.svelte

@@ -5,11 +5,19 @@
 
 <style lang="css">
   .frame {
-    @apply .flex w-screen h-screen .m-auto .items-center .justify-center;
+    @apply w-screen h-screen m-auto .flex .items-center .justify-center;
 
     & > div {
-      @apply .w-10/12;
-      height: calc(10 / 12 * 100%);
+      @apply w-full h-full;
+    }
+  }
+
+  @screen xl {
+    .frame {
+      & > div {
+        @apply .w-10/12;
+        height: calc(10 / 12 * 100%);
+      }
     }
   }