Cleaning up.

agarny · web-flow · commit 6eca839920c2 · 2025-12-08T16:02:30.000+13:00
diff --git a/package.json b/package.json
@@ -23,7 +23,7 @@
     "url": "git+https://github.com/opencor/webapp.git"
   },
   "type": "module",
-  "version": "0.20251208.1",
+  "version": "0.20251208.2",
   "scripts": {
     "archive:web": "bun src/renderer/scripts/archive.web.js",
     "build": "electron-vite build",
diff --git a/src/renderer/README.md b/src/renderer/README.md
@@ -7,7 +7,11 @@ There are two versions of OpenCOR:
 1. **OpenCOR:** a desktop application that can be run on [Intel](https://en.wikipedia.org/wiki/List_of_Intel_processors)-based and [ARM](https://en.wikipedia.org/wiki/ARM_architecture_family)-based [Windows](https://en.wikipedia.org/wiki/Microsoft_Windows), [Linux](https://en.wikipedia.org/wiki/Linux), and [macOS](https://en.wikipedia.org/wiki/MacOS) machines; and
 2. **OpenCOR's Web app:** a [Web app](https://en.wikipedia.org/wiki/Web_application) that can be run on a Web browser.
 
-This package is a [Vue 3](https://vuejs.org/) component for OpenCOR, built with the [Composition API](https://vuejs.org/guide/extras/composition-api-faq).
+Some characteristics of this package are that:
+- It is built as a [Vue 3](https://vuejs.org/) component using the [Composition API](https://vuejs.org/guide/extras/composition-api-faq).
+- It uses [PrimeVue](https://www.primefaces.org/primevue/) as its UI framework.
+- It uses [Tailwind CSS](https://tailwindcss.com/) for styling.
+- It can be used as a standalone Web app or embedded in a Vue 3 application.
 
 ## Usage
 
diff --git a/src/renderer/index.html b/src/renderer/index.html
@@ -22,7 +22,7 @@
     </style>
   </head>
   <body>
-    <div id="app" />
+    <div id="app" style="height: 100vh; height: 100dvh;" />
     <script type="module" src="./src/main.ts"></script>
   </body>
 </html>
diff --git a/src/renderer/package.json b/src/renderer/package.json
@@ -39,7 +39,7 @@
     },
     "./style.css": "./dist/opencor.css"
   },
-  "version": "0.20251208.1",
+  "version": "0.20251208.2",
   "scripts": {
     "build": "vite build",
     "build:lib": "vite build --config vite.lib.config.ts && cp index.d.ts dist/index.d.ts",
diff --git a/src/renderer/src/components/OpenCOR.vue b/src/renderer/src/components/OpenCOR.vue
@@ -2,7 +2,7 @@
   <BlockUI
     ref="blockUi"
     :blocked="compBlockUiEnabled"
-    :class="['overflow-hidden', blockUiClass]"
+    class="overflow-hidden h-full"
     @click="activateInstance"
     @focus="activateInstance"
     @focusin="activateInstance"
@@ -686,7 +686,6 @@ electronApi?.onSelect((filePath: string) => {
 
 // A few things that can only be done when the component is mounted.
 
-const blockUiClass = vue.ref('');
 const width = vue.ref<number>(0);
 const height = vue.ref<number>(0);
 const heightMinusMainMenu = vue.ref<number>(0);
@@ -701,15 +700,6 @@ vue.onMounted(() => {
   const greatGrandParentElement = grandParentElement?.parentElement;
   const greatGreatGrandParentElement = greatGrandParentElement?.parentElement;
 
-  blockUiClass.value =
-    parentElement?.tagName === 'DIV' &&
-    parentElement.id === 'app' &&
-    grandParentElement?.tagName === 'BODY' &&
-    greatGrandParentElement?.tagName === 'HTML' &&
-    greatGreatGrandParentElement === null
-      ? 'opencor-application'
-      : 'opencor-component';
-
   // Customise our IDs.
 
   toastId.value = `opencorToast${String(crtInstance?.uid)}`;
@@ -1088,13 +1078,4 @@ async function onGitHubButtonClick(): Promise<void> {
     color: var(--p-red-200);
   }
 }
-
-.opencor-application {
-  height: 100vh;
-  height: 100dvh;
-}
-
-.opencor-component {
-  height: 100%;
-}
 </style>
