doc: add npm start

README.md

@@ -15,11 +15,11 @@
  along with this program. If not, see <https://www.gnu.org/licenses/>.
  -->
 
-# AnoPaper - Notes service
+![Anopaper logo with text](docs/imgs/Logo%20With%20Name.png)
 
 [![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2Fartegoser%2FAnoPaper.svg?type=shield)](https://app.fossa.com/projects/git%2Bgithub.com%2Fartegoser%2FAnoPaper?ref=badge_shield)
 
-AnoPaper is a notes service that allows you to save notes locally, complete notes using OpenAI API, collaborate on notes with other users and more. The notes supports markdown, MathJax, and GFM syntax.
+**AnoPaper is a notes service** that allows you to save notes locally, complete notes using OpenAI API, collaborate on notes with other users and more. The notes supports markdown, MathJax, and GFM syntax.
 
 Running on: <https://anopaper.artegoser.ru/>
 
@@ -49,6 +49,12 @@ npm run build
   - PORT: The port on which the server will listen.
   - KEY: Secret key to encrypt notes on the server
 
+- Start server
+
+```bash
+npm start
+```
+
 ## Contributing
 
 Contributions are welcome! If you would like to contribute to this project, please create a pull request.

src/App.css

@@ -14,3 +14,20 @@
  You should have received a copy of the GNU General Public License
  along with this program. If not, see <https://www.gnu.org/licenses/>.
  */
+
+::-webkit-scrollbar {
+  width: 5px;
+}
+
+::-webkit-scrollbar-track {
+  background: #f2f2f2;
+}
+
+::-webkit-scrollbar-thumb {
+  background: #bdbdbd;
+  border-radius: 10px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: #6e6e6e;
+}

src/index.css

@@ -19,8 +19,6 @@
 @tailwind components;
 @tailwind utilities;
 
-
-
 @layer base {
   /* styles for displaying markdown */
   .md h1 {
@@ -42,7 +40,7 @@
     @apply text-xl;
   }
 
-  .md blockquote{
+  .md blockquote {
     @apply border-l-4 pl-2 rounded-lg ml-4 mt-2 mb-2;
     @apply bg-zinc-200 border-zinc-400;
     @apply dark:bg-zinc-800 dark:border-zinc-600;
@@ -53,7 +51,7 @@
     @apply mb-4 mt-4 border-2 rounded-lg;
   }
 
-  .md ul{
+  .md ul {
     @apply list-disc list-inside ml-4;
   }
 
@@ -61,11 +59,11 @@
     @apply list-disc list-inside;
   }
 
-  .md ol{
+  .md ol {
     @apply list-decimal list-inside ml-4;
   }
 
-  .md li ol{
+  .md li ol {
     @apply list-decimal list-inside ml-4;
   }
 
@@ -85,11 +83,8 @@
     border-style: hidden;
   }
 
-  
-
   .md table thead {
     @apply bg-zinc-200 dark:bg-zinc-800;
-    
   }
 
   .md table tr {
@@ -100,7 +95,10 @@
     @apply w-96 ease-[cubic-bezier(.69,.58,.32,1.69)] hover:scale-105 rounded-2xl hover:drop-shadow-2xl transition duration-500 lg:ml-5;
   }
 
-  .md p, .math-inline { display: inline-block; }
+  .md p,
+  .math-inline {
+    display: inline-block;
+  }
   .md li p {
     display: inline;
   }
@@ -110,12 +108,12 @@
   .blog-pre {
     @apply mt-2 mb-2 relative;
   }
-  
+
   .code-copy-btn {
     @apply text-zinc-400 dark:text-zinc-300 absolute right-2 top-2 cursor-pointer;
   }
-  
+
   .code-copy-btn:hover {
     @apply text-zinc-500 dark:text-zinc-400;
   }
-}
+}