Fixes.

README.md

@@ -1,5 +1,8 @@
 # OEncrypt
 
+![demo.gif](docs%2Fdemo.gif)
+
+[![CI](https://github.com/Xezard/OEncrypt/actions/workflows/ci.yml/badge.svg)](https://github.com/Xezard/OEncrypt/actions/workflows/ci.yml)
 ![Obsidian](https://img.shields.io/badge/Tested%20on%20Obsidian-v.1.7.4-informational)
 [![License](https://img.shields.io/github/license/Xezard/OEncrypt)](https://github.com/Xezard/OEncrypt/blob/master/LICENSE)
 ![Lines of code](https://img.shields.io/endpoint?url=https://ghloc.vercel.app/api/Xezard/OEncrypt/badge?filter=.ts&label=Lines%20of%20code&color=blue)

assets/styles.css

@@ -0,0 +1,7 @@
+.file-info-display {
+  margin-left: 1rem;
+}
+
+.passphrase-input {
+  width: 100%;
+}

src/modals/PassphraseModal.ts

@@ -66,9 +66,8 @@ export class PassphraseModal extends Modal implements PluginModal {
 
     const passphraseSetting = new Setting(this.contentEl).addText((text) => {
       this.input = text.inputEl
-
+      this.input.className = 'passphrase-input'
       this.input.type = 'password'
-      this.input.style.width = '100%'
 
       text.onChange((value) => {
         this.passphrase = value

src/services/encryptionService.ts

@@ -168,7 +168,7 @@ export class EncryptionService {
     const newFilePath = `${baseFilePath}${extension}`
 
     await this.app.vault.create(newFilePath, content)
-    await this.app.vault.delete(activeFile)
+    await this.app.fileManager.trashFile(activeFile)
     await this.app.workspace.openLinkText(newFilePath, '', false)
   }
 

src/services/uiService.ts

@@ -30,7 +30,6 @@ export class UIService {
     if (!fileInfoElement) {
       fileInfoElement = document.createElement('div')
       fileInfoElement.className = 'file-info-display'
-      fileInfoElement.style.marginLeft = '1rem'
       setting.settingEl.appendChild(fileInfoElement)
     } else {
       fileInfoElement.empty()