commit 6895466f563c9c420275ab6fc453436a49c577a4
author Giorgi Lekveishvili <lekva@gl-mbp-m1-max.local> Mon Jul 03 10:15:01 2023 +0400
committer Giorgi Lekveishvili <lekva@gl-mbp-m1-max.local> Mon Jul 03 10:15:01 2023 +0400
tree b8832f9ba4897413f11a1a96fbadb29b451f17d0
parent 7695148eba5571cd3141d3f2e034b510c9dd7d1a

appmanager: limit width

core/appmanager/sveltekit/appmanager/src/routes/+layout.svelte

diff --git a/core/appmanager/sveltekit/appmanager/src/routes/+layout.svelte b/core/appmanager/sveltekit/appmanager/src/routes/+layout.svelte
index 3437503..6aec4f8 100644
--- a/core/appmanager/sveltekit/appmanager/src/routes/+layout.svelte
+++ b/core/appmanager/sveltekit/appmanager/src/routes/+layout.svelte
@@ -5,9 +5,16 @@
   import { Toaster } from "svelte-french-toast";
 </script>
 
-<slot />
+<div id="main">
+  <slot />
+</div>
 
 <Toaster />
 
 <style>
+@media screen and (min-width:801px) {
+#main {
+  width: 600px;
+}
+}
 </style>

core/appmanager/sveltekit/appmanager/src/routes/+page.svelte

diff --git a/core/appmanager/sveltekit/appmanager/src/routes/+page.svelte b/core/appmanager/sveltekit/appmanager/src/routes/+page.svelte
index 6314f15..5e3e419 100644
--- a/core/appmanager/sveltekit/appmanager/src/routes/+page.svelte
+++ b/core/appmanager/sveltekit/appmanager/src/routes/+page.svelte
@@ -21,7 +21,6 @@
   };
 </script>
 
-<div class="main">
 <form>
   <input type="search" placeholder="Search" on:input={search} />
 </form>
@@ -49,14 +48,8 @@
     </ul>
   </nav>
 </aside>
-</div>
 
 <style>
-  .main {
-    max-width: 70%;
-    margin: 0 auto;
-  }
-
   article {
     margin: 0.3em;
     margin-bottom: 0.3em;