Close icon hinzugefügt

fhstp · Sep 22, 2022 · 1de9397 · 1de9397
1 parent ed84449
commit 1de9397
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 8 deletions.
diff --git a/src/main.ts b/src/main.ts
@@ -39,9 +39,9 @@ import {
   faTrashAlt,
   faInfoCircle,
   faCheck,
-  faInfo,
+  faFilePdf,
+  faArrowLeft,
 } from "@fortawesome/free-solid-svg-icons";
-
 library.add(
   faBars,
   faPencilAlt,
@@ -71,7 +71,8 @@ library.add(
   faTrashAlt,
   faInfoCircle,
   faCheck,
-  faInfo
+  faFilePdf,
+  faArrowLeft
 );
 
 // Vue.component("font-awesome-icon", FontAwesomeIcon);

diff --git a/src/views/Pdf.vue b/src/views/Pdf.vue
@@ -1,14 +1,14 @@
 <template>
   <button class="button" @click="createPdf">
     <span class="icon">
-      <font-awesome-icon icon="fa-solid fa-file-pdf" />
+      <font-awesome-icon icon="file-pdf" />
     </span>
     <span>Create PDF</span>
   </button>
 
   <button class="button" onclick="window.close()">
     <span class="icon">
-      <font-awesome-icon icon="fa-solid fa-square-xmark" />
+      <font-awesome-icon icon="arrow-left" />
     </span>
     <span>Tab schließen</span>
   </button>
@@ -34,7 +34,16 @@
           <p>{{ alter.human ? "" : "Mensch: Nein" }}</p>
           <p>Geschlecht: {{ alter.currentGender }}</p>
           <p>{{ alter.deceased ? "Verstorben: Ja" : "" }}</p>
-          <p>Beziehung: {{alter.edgeType == 1 ? "besteht" : alter.edgeType == 2 ? "multiplex" : "keine aktuelle Beziehung"}}</p>
+          <p>
+            Beziehung:
+            {{
+              alter.edgeType == 1
+                ? "besteht"
+                : alter.edgeType == 2
+                ? "multiplex"
+                : "keine aktuelle Beziehung"
+            }}
+          </p>
           <p>{{ alter.note.length >= 1 ? "Notiz: " + alter.note : "" }}</p>
         </div>
       </div>
@@ -49,8 +58,6 @@ import "@/components/ViewOptionsPanel";
 import { useStore } from "@/store";
 import { computed } from "vue";
 
-
-
 export default {
   name: "Pdf",
   components: {