From c01ade595168fa3f67d588d1d99c10524d8ae96f Mon Sep 17 00:00:00 2001
From: Ayo Ayco <ramon.aycojr@gmail.com>
Date: Tue, 6 Jun 2023 08:45:57 +0200
Subject: [PATCH] feat: desktop layout (#26) (#27)

fixes #26
---
 src/components/AddressBar.astro |  2 +-
 src/layouts/Layout.astro        | 21 ++++++++++++++++++++-
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/components/AddressBar.astro b/src/components/AddressBar.astro
index bd62d6f..35ce87e 100644
--- a/src/components/AddressBar.astro
+++ b/src/components/AddressBar.astro
@@ -29,7 +29,7 @@ const form = new FormGroup([
   />
   <nav>
   <a href="/"
-    >📚 Library</a
+    >📚 Home</a
   >
   •
   <a target="_blank" href="https://github.com/ayoayco/cozy"
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index aed3a83..683ba92 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -31,8 +31,26 @@ const { title } = Astro.props;
 <style>
   #main-content {
     padding: 1em;
-    max-width: 600px;
+    max-width: 1000px;
     margin: 0 auto;
+    display: flex;
+  }
+
+  #library-wrapper {
+    flex: 1
+  }
+
+  #post-wrapper {
+    flex: 2
+  }
+
+  @media only screen and (min-width: 0px) and (max-width: 700px) {
+  #main-content {
+    max-width: 600px;
+    display: block;
+  }
+
+
   }
 </style>
 
@@ -44,4 +62,5 @@ const { title } = Astro.props;
   html * {
     font-family: var(--system-ui);
   }
+
 </style>