ux tweaks & netlify (#7)

* no more github pages * netlify fixes
JackalLabs · Feb 15, 2024 · 5f1b4bc · 5f1b4bc
1 parent 7dd580e
commit 5f1b4bc
Show file tree

Hide file tree

Showing 7 changed files with 12 additions and 65 deletions.
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
diff --git a/netlify.toml b/netlify.toml
@@ -6,7 +6,7 @@
 [[headers]]
     for = "/*"
     [headers.values]
-        Content-Security-Policy = "default-src 'self'; style-src 'self' 'unsafe-inline'; script-src 'self' 'wasm-unsafe-eval' 'unsafe-inline' chrome-extension: https://netlify-rum.netlify.app; connect-src 'self' https:; object-src 'self' https:; media-src 'self' https:; frame-src 'self' https:;"
+        Content-Security-Policy = "default-src 'self'; style-src 'self' 'unsafe-inline'; script-src 'self' 'wasm-unsafe-eval' 'unsafe-inline' chrome-extension: https://netlify-rum.netlify.app; connect-src 'self' https:; object-src 'self' https:; media-src 'self' https:; frame-src 'self' https:; img-src 'self' https: data:;"
         X-Content-Type-Options = "nosniff"
         Referrer-Policy = "same-origin"
         Permissions-Policy = ""
diff --git a/src/assets/css/style.css b/src/assets/css/style.css
@@ -74,6 +74,7 @@ button:focus-visible {
 .template-container {
   flex-grow: 1;
   background-color: #fafafa;
+  overflow-y: scroll;
 }
 
 h1 {

diff --git a/src/components/DraftDocuments.vue b/src/components/DraftDocuments.vue
@@ -128,7 +128,7 @@
   }
 
   .file-card {
-    border-radius: 4px 4px 0px 4px;
+    //border-radius: 4px 4px 0px 4px;
     align-items: flex-start;
     flex-direction: column;
     display: flex;
@@ -202,6 +202,7 @@
     width: 40vw;
     max-width: 432px;
     height: 20vh;
+    min-height: 200px;
     position: absolute;
     top: 50vh;
     left: 50vw;

diff --git a/src/config/nav.ts b/src/config/nav.ts
@@ -15,10 +15,10 @@ export const navItems: INavOption[] = [
     desc: '',
     path: '/editor'
   },
-  {
-    label: 'Settings',
-    desc: '',
-    path: '/settings'
-  },
+  // {
+  //   label: 'Settings',
+  //   desc: '',
+  //   path: '/settings'
+  // },
 
 ]
diff --git a/src/views/DraftEditor.vue b/src/views/DraftEditor.vue
@@ -28,9 +28,6 @@
             <span id="wallet-alert">Connect wallet to edit</span>
           </div>
         </section>
-        <aside>
-          <div class="folder-placeholder"></div>
-        </aside>
       </main>
     </div>
   </div>
@@ -80,6 +77,7 @@
   .main-container {
     height: 100%;
     min-width: 70vw;
+    max-width: 70vw;
     margin: 0px auto;
     flex-grow: 1;
     flex-basis: auto;

diff --git a/src/views/HomePage.vue b/src/views/HomePage.vue
@@ -140,6 +140,7 @@
     padding: 0px 60px;
     height: 100%;
     background-color: #fff;
+    overflow-y: scroll;
   }
 
   @media screen and (min-width: 800px) {
@@ -148,15 +149,11 @@
     }
   }
 
-  @media screen and (min-width: 1100px) {
-    #article-section {
-      width: 50%;
-    }
-  }
 
   #article {
     text-align: left;
     padding-top: 40px;
+    padding-bottom: 20px;
 
     img {
       width: 100% !important;