From 5f1b4bc2caa7ba24cba0d4125a3f783d4ecebae7 Mon Sep 17 00:00:00 2001
From: Marston Connell <34043723+TheMarstonConnell@users.noreply.github.com>
Date: Thu, 15 Feb 2024 11:32:49 -0500
Subject: [PATCH] ux tweaks & netlify (#7)

* no more github pages

* netlify fixes
---
 .github/workflows/deploy.yml      | 50 -------------------------------
 netlify.toml                      |  2 +-
 src/assets/css/style.css          |  1 +
 src/components/DraftDocuments.vue |  3 +-
 src/config/nav.ts                 | 10 +++----
 src/views/DraftEditor.vue         |  4 +--
 src/views/HomePage.vue            |  7 ++---
 7 files changed, 12 insertions(+), 65 deletions(-)
 delete mode 100644 .github/workflows/deploy.yml

diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
deleted file mode 100644
index 3ac3820..0000000
--- a/.github/workflows/deploy.yml
+++ /dev/null
@@ -1,50 +0,0 @@
-# Simple workflow for deploying static content to GitHub Pages
-name: Deploy
-
-on:
-  # Runs on pushes targeting the default branch
-  push:
-    branches: ['main']
-
-  # Allows you to run this workflow manually from the Actions tab
-  workflow_dispatch:
-
-# Sets the GITHUB_TOKEN permissions to allow deployment to GitHub Pages
-permissions:
-  contents: read
-  pages: write
-  id-token: write
-
-# Allow one concurrent deployment
-concurrency:
-  group: 'pages'
-  cancel-in-progress: true
-
-jobs:
-  deploy:
-    environment:
-      name: github-pages
-      url: ${{ steps.deployment.outputs.page_url }}
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-      - name: Set up Node
-        uses: actions/setup-node@v3
-        with:
-          node-version: 18
-          cache: 'npm'
-      - name: Install dependencies
-        run: npm install
-      - name: Build
-        run: npm run build-only
-      - name: Setup Pages
-        uses: actions/configure-pages@v3
-      - name: Upload artifact
-        uses: actions/upload-pages-artifact@v2
-        with:
-          # Upload dist repository
-          path: './dist'
-      - name: Deploy to GitHub Pages
-        id: deployment
-        uses: actions/deploy-pages@v2
\ No newline at end of file
diff --git a/netlify.toml b/netlify.toml
index 79a5636..5d49c88 100644
--- 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
index 4cd43b3..6971b28 100644
--- 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
index 09ce7e7..94c50c6 100644
--- 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
index 490ffaa..6313091 100644
--- 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
index 123137e..29e0cba 100644
--- 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
index a83290d..7e4f8a7 100644
--- 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;