add bootstrap

2025-04-12 18:40:50 +02:00
parent bd4146e6d9
commit b1443b8cfa
7 changed files with 578 additions and 27 deletions
--- a/frontend/src/index.html
+++ b/frontend/src/index.html
@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>PDF Viewer</title>
+    <script type="module" src="./js/main.js"></script>
+</head>
+<body class="p-4">
+    <div class="container py-4 px-3 mx-auto">
+      <h1>Hello, Bootstrap and Vite!</h1>
+      <button class="btn btn-primary">Primary button</button>
+    </div>
+    <div x-data="pdfViewer()" class="space-y-4">
+        <button @click="loadPdf" class="px-4 py-2 bg-blue-500 text-white rounded">Load PDF</button>
+
+        <template x-if="pdfUrl">
+            <iframe
+                    :src="pdfUrl"
+                    type="application/pdf"
+                    width="100%"
+                    height="600px"
+                    class="border border-gray-400 rounded"
+            ></iframe>
+        </template>
+    </div>
+</body>
+</html>