From 9c79db8b3b0ac75e3ad333ca83ee6705198a0618 Mon Sep 17 00:00:00 2001
From: antoniosarro <tech@antoniosarro.dev>
Date: Sat, 1 Feb 2025 13:17:53 +0100
Subject: [PATCH] fix: moved prompt style fix from component to global style

---
 src/renderer/components/FtPrompt/FtPrompt.vue | 9 +--------
 src/renderer/themes.css                       | 7 ++++++-
 2 files changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/renderer/components/FtPrompt/FtPrompt.vue b/src/renderer/components/FtPrompt/FtPrompt.vue
index 9762bcc23dd19..dcb3b5a997448 100644
--- a/src/renderer/components/FtPrompt/FtPrompt.vue
+++ b/src/renderer/components/FtPrompt/FtPrompt.vue
@@ -56,7 +56,7 @@
 </template>
 
 <script setup>
-import { nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'
+import { nextTick, onBeforeUnmount, onMounted, ref } from 'vue'
 import { useId } from '../../composables/use-id-polyfill'
 
 import store from '../../store/index'
@@ -121,16 +121,9 @@ onMounted(() => {
 
 onBeforeUnmount(() => {
   document.removeEventListener('keydown', handleEscape, true)
-  document.body.style.overflow = ''
   nextTick(() => lastActiveElement?.focus())
 })
 
-watch(promptCard, (val) => {
-  if (val) {
-    document.body.style.overflow = 'hidden'
-  }
-})
-
 /**
  * @param {number} index
  */
diff --git a/src/renderer/themes.css b/src/renderer/themes.css
index 2b8426dee8358..93a81f9cfef64 100644
--- a/src/renderer/themes.css
+++ b/src/renderer/themes.css
@@ -29,7 +29,6 @@ body {
   --logo-tertiary-color: var(--primary-text-color);
 }
 
-
 /*************** RULE TWEAKS ***************/
 
 /* Default sidenav hover text color and primary input color not needed to be changed for most themes */
@@ -2004,3 +2003,9 @@ a:visited {
 ::-webkit-scrollbar-thumb:focus {
   background: var(--scrollbar-color-hover);
 }
+
+/***** REMOVE MAIN SCROLLBAR WHEN PROMPT IS OPEN ******/
+
+body:has(.app):has(.vue-portal-target):has(.prompt) {
+  overflow: hidden;
+}